Sahara/index.html at master · Tech-Cryptic/Sahara · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sahara Tour</title>
    <link rel="stylesheet" href="style.css">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">    <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
</head>

<body>
    <div class="container">
        <div class="navbar">
            <img src="img/logo.png" class="logo">
            <nav>
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">REGION</a></li>
                    <li><a href="#">ABOUT</a></li>
                </ul>
            </nav>
            <i class='bx bx-menu'></i>
        </div>

        <div class="row">
            <div class="col">
                <h1>Sahara</h1>
                <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Recusandae pariatur atque cum quos, neque ea dicta dolorum
                    fugiat est facere hic esse aperiam vitae magni nam repudiandae
                    minus laborum incidunt? Quae eaque suscipit soluta sit velit debitis
                    sed inventore iure?</p>
                    <button type="button">Explore</button>
            </div>
            <div class="col">
                <div class="card card1">
                    <h5>Serenity Desert</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing
                    elit.</p>
                </div>
                <div class="card card2">
                    <h5>Sonoran Desert</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing
                    elit.</p>
                </div>
                <div class="card card3">
                    <h5>Gobi Desert</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing
                    elit.</p>
                </div>
                <div class="card card4">
                    <h5>Pyramids of Giza Desert</h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing
                    elit.</p>
                </div>
            </div>
        </div>
    </div>


</body>
</html>