desighn/index.html at master · apprenticecloud/desighn · 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
<!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">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="./assets/css/style.css">
    <title>Desighn</title>
</head>
<body>
    <!-- NAVBAR SECTION -->
    <div class="custom-nav">
        <div class="container d-flex px-2 align-items-center justify-content-between h-100">
            <div>
                <span class="logo1">Own</span> <span class="logo2">Trips</span>
            </div>
            <div class="d-flex align-items-center">
                <ul class="nav ">
                    <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="#">See My Trips</a>
                    </li>
                    <li class="nav-item">
                    <a class="btn btn-primary btn-md" href="#">Book Now</a>
                    </li>
                </ul>
                <img class="user-logo" src="https://i.pinimg.com/236x/f9/a9/1d/f9a91daa7ec59be23274f596957edfef.jpg" alt="the person's svg icon" />
            </div>
        </div>
    </div>
    <!-- BODY SECTION -->
    <div class="container d-flex align-items-center body">
        <div class="w-50 left-side">
            </br>
            </br>
            </br>
            </br>
            <h1 class="left-side-h1">
                Where do you</br>want to go?
            </h1>
            </br>
            </br>
            </br>
            <button class="btn btn-lg py-2 text-light font-weight-bold p-horiz bg">Start Trip</button>
        </div>
        <div class="w-50 right-side">
            <h2 class="right-side-h2 pb-2">Top 5 Destinations</h2>
            <img style="object-fit: cover;" height="75%" width="100%" src="https://i.pinimg.com/236x/68/a5/4f/68a54fa6f94bf68607bc3ad170364251.jpg" alt="Nairobi is one of the top 5 destinations">
        </div>
    </div>
</body>
</html>