-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
100 lines (84 loc) · 3.84 KB
/
index.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Hustlers Sunshine</title>
<!-- Google Font -->
<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=DM+Serif+Text:ital@1&family=Passions+Conflict&family=Quicksand&family=Satisfy&display=swap" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- ----------------Navbar----------------- -->
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
<a class="navbar-brand" href="">Hustlers Sunshine</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#"> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"> Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- --------------Home------------------- -->
<div class="align-center home">
<img src="img/img.jpeg" alt="" class="image">
<div class="w-50 p-3 ">
<p class="describe">This is a tech community where students can share notes with each other and we have lots
of resources so we will also share here job opportunities, internships, etc. Also, we will
add lots of recruiters, faang employees, and mentors to this server for welfare students and
workings professionals.</p>
</div>
</div>
<!-- ----------------Journey------------------- -->
<div class="align-center journey bg-primary">
<h1 class="">Our Journey</h1>
<!-- container which will contain our timeline -->
<div class="main-container">
<div class="text-wrapper left">
<div class="content">
<h3>Started the Community</h3>
</div>
</div>
<div class="text-wrapper right">
<div class="content">
<h3>Hosted First Event</h3>
</div>
</div>
<div class="text-wrapper left">
<div class="content">
<h3>Collaborated with NewtoN School</h3>
</div>
</div>
<div class="text-wrapper right">
<div class="content">
<h3>Launched Website</h3>
</div>
</div>
</div>
</div>
<!-- --------------------Testimonials-------------------- -->
<div class="">
<h1>Testimonials</h1>
</div>
</body>
</html>