webdev-week2-session/index.html at main · JenFi72/webdev-week2-session · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Atleti</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" type="text/css" href="//https://fonts.googleapis.com/css2?family=Outfit" />
</head>
<header class="main-header">

    <div class="logo">
        <img src="atletilogo.png" width="200" height="200" alt="AtletiLOGO">

        <div class="sitename">
            <p class="h1">Atleti.</p>
        <p class="h2"><em>The number one source for the latest tennis news</em></p>
            </div>

    <div class="navbar">
        <ul >
            <li>
                <a href="#">HOT TOPICS</a>
            </li>
            <li>
                <a href="#">RESULTS</a>
            </li>
            <li>
                <a href="#">QUIZZES</a>
            </li>
            <li>
                <a href="#">GRAND SLAMS</a>
            </li>
            <li>
                <a href="#">ATP TOUR 2022</a>
            </li>
            <li>
                <a href="#">ARCHIEVE</a>
            </li>
        </ul>
    </div>

</header>
<article class="main-article">
    <img class="article-pic" src="novak.jpeg" alt="Novak Djokivic" style="width:100%">
    <div class="djokovic">
        <p class="heading">AUSTRALIAN OPEN - Missing Novak Djokovic after historical vaccination mess. What's next for world tennis super star?</p>
    <p class="article-text">Novak Djokovic has never hidden how much he craves ending his career with the most Grand Slam men's titles of all time. But he has been denied the chance to win a record 21st major at next week's Australian Open after his visa was revoked by the country's government. </p>
    <a href=""><strong>READ MORE</strong></a>

  <p><strong>By Jenny Fiskaare, 2022-01-18</strong></p>
  </div>
</article>

<section class="cardbox">
<div class="card">
    <div class="image">
        <img src="williams.jpeg" alt="Williams">
    </div>
    <p>The Williams sister saga</p>
</div>

    <div class="card">
        <div class="image">
        <img src="australian.open.jpeg" alt="AO">
        <p>Latest from AUSTRALIAN OPEN</p>
        </div>
    </div>

        <div class="card">
            <div class="image">
                <img src="kyrgios.jpeg" alt="Kyrgios">

            </div>
            <p>Magic man impresses with historical serve</p>
        </div>
            <div class="card">
                <div class="image">
                    <img src="arena.jpeg" alt="Arena">
                </div>
                <p>Straight from center court</p>
            </div>
</section>


<section class="footer">
    <div class="text-footer">
        <h1>ESTABLISHED IN 2017</h1>
    </div>

</section>

</body>
</html>