-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathnavbar.html
111 lines (100 loc) · 5.62 KB
/
navbar.html
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
99
100
101
102
103
104
105
106
107
108
109
110
111
<!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>Navbar</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/navbar.css" />
</head>
<body style="height: 200vh">
<button type="button" class="mobile-nav-toggle text-dark mt-3 d-lg-none">
<i class="icofont-navigation-menu fas fa-bars"></i>
</button>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center">
<!-- <h1 class="logo mr-auto"><a href="index.html">Arsha</a></h1> -->
<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html" class="logo mr-auto"><img src="assets/uplift_logo.png" alt="uplift_logo.png"
class="img-fluid"></a>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active pl-5"><a href="index.html">Home</a></li>
<li class="pl-5"><a href="about.htmml">About</a></li>
<li class="pl-5"><a href="index.html#register">Register</a></li>
<li class="pl-5"><a href="#portfolio">Projects</a></li>
<!-- <li class="pl-5"><a href="index.html#faq">FAQs</a></li> -->
<li class="pl-5"><a href="team.html">Team</a></li>
<li class="drop-down pl-5"><a href="">More<i class="ml-1 fas fa-caret-down"></i></a>
<ul>
<li><a href="Project-Archieves.html">Project Archieves</a></li>
<!-- <li class="drop-down"><a href="#">Deep Drop Down</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li> -->
</ul>
</li>
<li class="pl-5 project-archieve">
<a class="ml-3" href="Project-Archieves.html">Project Archieves</a>
</li>
</ul>
</nav>
<!-- .nav-menu -->
<!-- <a href="#about" class="get-started-btn scrollto">Get Started</a> -->
</div>
</header>
<!-- End Header -->
<section id="hero" class="d-flex align-items-center mb-5">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1"
data-aos="fade-up" data-aos-delay="200">
<h1>It’s time we started UPLIFTING each other.</h1>
<h3>
Become a part of a global project aimed at broadening skillsets of
students at both soft and core areas through intensive training
programmes.
</h3>
<div class="d-lg-flex">
<a href="#about" class="text-center btn-get-started scrollto">Get Started</a>
<!-- <a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="venobox btn-watch-video"
data-vbtype="video" data-autoplay="true"> Watch Video <i class="icofont-play-alt-2"></i></a> -->
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/uplift_logo.png" class="img-fluid animated" alt="" />
</div>
</div>
</div>
</section>
<!-- End Hero -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="js/navbar.js"></script>
</body>
</html>