-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (75 loc) · 2.66 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - A Pen by Amanul Islam</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<head>
<title>Stratton Oakmont</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<header id="header">
<nav id="nav-bar">
<div class="wrapper">
<h1>Stratton Oakmont</h1>
<img id="header-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRKTZn8M9UeRBtDSoCD977o-SgfsLAWfxPP4BUAgzm38XsF_JB8" alt="Stratton Oakmont lion logo">
</div>
<ul class="header-nav">
<li ><a href="#Home" class="nav-link">Home</a></li>
<li ><a href="#Services" class="nav-link">Services</a></li>
<li ><a href="#Contact" class="nav-link">Contact</a></li>
</ul>
</nav>
</header>
<section id="Home">
<div class="sign-up-section">
<h1>Home</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<h2>Sign Up here</h2>
<label>Email Address:
<input id="email" name="email" type="email" placeholder="Enter email">
</label>
<input id="submit" type="submit" >
</form>
</div>
</section>
<section id="Services">
<div class="video-page">
<h2>Services</h2>
</div>
<div class="video-info">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.</p>
</div>
<div class="video">
<iframe id="video" src="https://www.youtube.com/embed/glykoUMAFg4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</section>
<section id="Contact">
<div class="footer">
<ul id="footer-nav">
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Contact</a></li>
</ul>
<p>Copyright © 2019,<br>Stratton Oakmont, Inc.</p>
</div>
</section>
</div>
</body>
<!-- partial -->
</body>
</html>