-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
139 lines (113 loc) · 4.52 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Fonts -->
<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=Montserrat:wght@200&display=swap" rel="stylesheet">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>Lean Talks</title>
</head>
<body>
<!-- Main Landing Page -->
<section id="landing">
<!-- NAVBAR -->
<div class="container">
<nav class="navbar navbar-expand-lg fixed-top bg-dark navbar-dark">
<div class="container">
<a class="navbar-brand" href="#">
The Lean Space
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto align-items-center">
<li class="nav-item">
<a class="nav-link mx-2" href="#!">About Lean Talks</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="#!">All Sessions</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="#!">Community Partners</a>
</li>
<li class="nav-item">
<a class="nav-link mx-2" href="#!">Contact Us</a>
</li>
</ul>
<button class="btn btn-success">
Watch Now
</button>
</div>
</div>
</nav>
</div>
<br><br>
<div id="landing-page" class="container text-center">
<div class="row">
<div class="col-lg-6 col-sm-12 my-2px"> <br><br><br><br><br><br><br>
<b>
<h1 class="hello">
THE LEAN TALKS
</h1>
</b>
<br>
<h4 class="hello2">
Bringing you something new to learn every <br>
month absolutely FREE!
</h4>
<br>
<button class="btn btn-success me-2" type="button">Watch Now</button>
</div>
<div id="rocket-img" class="col-6 text-center">
<img src="assets/rocket3.png" height="550px" width="550px">
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
</section>
<!-- Join our community -->
<section id="community">
</section>
<!-- Testimonial -->
<section id="testimonial">
<div class="container text-center">
<div id="mid-text" class="row">
<h7>Want to remove procrastination from your life?</h7>
<h1>Our latest workshop.</h1>
<h6>Our mind wanders around things that we want to do</h6>
<h6>but ignores the task at hand</h6>
</div>
<div class="row">
<div class="embed-responsive embed-responsive-16by9" style="margin-top: 2rem;">
<iframe id="latest-workshop" class="embed-responsive-item" src="https://www.youtube.com/embed/UXfJQqy1ulw"
style="border-radius: 25px;"></iframe>
</div>
</div>
</div>
<!-- Team Section -->
<section id="team">
</section>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
</body>
</html>