-
Notifications
You must be signed in to change notification settings - Fork 5
/
more.html
179 lines (141 loc) · 8.46 KB
/
more.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!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 rel="stylesheet" href="./styles/main.css">
<script src="https://kit.fontawesome.com/8003204e9e.js" crossorigin="anonymous"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<link rel="stylesheet" href="./Styles/more.css">
<link rel="stylesheet" href="./Styles/nav.css">
<link rel="stylesheet" href="./Styles/footer.css">
<title>Document</title>
</head>
<style>
</style>
<body>
<header class="header"></header>
<div id="main">
<div id ="div">
<div id="logo"><img src="https://static.frontendmasters.com/assets/fm/med/bootcamp/BootcampLogo.png" alt=""> </div>
<div id="heading"><h1>Join the Frontend Masters Web<br> Development Bootcamp...Free!</h1>
<p>Get access to everything you need to get started developing websites.
Learn HTML, CSS and JavaScript through project-based learning.</p>
<div style="display: flex;">
<a href="#form"> <button>Join the Bootcamp </button>
</a>
<a href="https://twitter.com/intent/tweet?url=https://frontendmasters.com/bootcamp/&text=Get%20started%20learning%20web%20development%20for%20free%20in%20this%20two-week%20online%20curriculum%20by%20@FrontendMasters!"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</div>
<section id="clip1"></section>
<section id="clip2"></section>
</div>
<div id="main2">
<div>
<div id="content"><h2>What is the Bootcamp, and how does it work?</h2></div>
<div id="content2"><p>The Frontend Masters Bootcamp is a complete crash course, and everything you need to get up and running with HTML, CSS and JavaScript. By completing the coursework contained in the Bootcamp, along with practice, you will be well on your way into the world of web development!</p> </div>
</div>
<div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Y2OLRP1RhPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div id="swap"><img id="change" src="https://static.frontendmasters.com/assets/fm/med/welcome/welcomePitch1.jpg" alt="">
<div id="para2"><h1>Why Frontend Masters? </h1>
<h3> All of our courses are taught by industry leading experts, people actively shaping the craft of web development. In addition, our courses are regularly updated to keep pace with the latest evolutions to ensure you're learning industry best practices and the latest techniques.</h3>
</div>
</div>
<div id="bootcamp">Bootcamp Curriculum</div>
<div id="abc">
<div id="anchor">
<a href="https://frontendmasters.com/bootcamp/introduction-html/">Introduction to HTML</a>
<a href="https://frontendmasters.com/bootcamp/introduction-css/">Introduction to CSS</a>
<a href="https://frontendmasters.com/bootcamp/html-forms/">HTML Forms</a>
<a href="https://frontendmasters.com/bootcamp/embeds-github-pages/">Website Embeds & GitHub Pages</a>
<a href="https://frontendmasters.com/bootcamp/Calculator Project: HTML & CSS/">Calculator Project: HTML & CSS</a>
<a href="https://frontendmasters.com/bootcamp/introduction-javascript/">Introduction to JavaScript</a>
<a href="https://frontendmasters.com/bootcamp/calculator-javascript/">Calculator Project: JavaScript</a>
<a href="https://frontendmasters.com/bootcamp/javascript-in-websites/">Using JavaScript in Websites</a>
<a href="https://frontendmasters.com/bootcamp/web-game-project/">Build a Game Project: Feed-A-Star-Mole</a>
</div>
<div id="hour"><p>1 hours, 47 minutes </p>
<p>4 hours, 11 minutes</p>
<p>2 hours, 4 minutes</p>
<p>0 hours, 54 minutes</p>
<p>0 hours, 48 minutes</p>
<p>5 hours, 23 minutes</p>
<p>1 hours, 13 minutes</p>
<p>3 hours, 2 minutes</p>
<p>2 hours, 14 minutes</p>
</div>
</div>
<div id="total">
<div >Total Hours to Learn HTML, CSS & JS</div>
<div id="to">21 hours, 6 minutes</div>
</div>
<div id="menu3">
<div id="content3"><h1>Ready to join the<br> Bootcamp?</h1>
<p id="tag">Create a free account, and get access to everything you need to learn HTML, CSS and JavaScript! <br>
<br>
If you already have a Frontend Masters' account, please <a href="Login.html">login</a> and return to this page. Otherwise sign-up for a free account now.</p>
</div>
<div id="form">
<form >
<label>Email (you'll need to confirm this email address)</label>
<input id="email" type="text">
<div class="form-div">
<div>
<label for="First ANme">First Name</label>
<input id="first_name" type="first name">
</div>
<div>
<label for="Last Name">Last Name</label>
<input id="last_name" type="last name">
</div>
</div>
<label for="Password">Password</label>
<input id="password"type="password">
<label for="Password Again">Password Again</label>
<input id="password_again"type="password">
<div class="g-recaptcha"
data-sitekey="6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR"></div>
<div id="terms">
<button onclick="submitfun(event)">Start Learning For Free</button>
</div>
<p id="la">
If you're having trouble signing up, please contact <a id="ref" href=''>[email protected]</a></p>
</form>
</div>
</div>
<div id="faQ">FAQ</div>
<div id="que">
<div id="ch1">Q:This is completely free? What's the catch?</div>
<div id="ch2">A: This is completely free - and we believe by educating more people about web development, we get a better web - with more voices empowered to share their ideas, apps and perspectives. So the catch is we hope you build something awesome. Oh, and <a href="joinnow.html"> if you'd like to become a customer </a> in the future to take more advanced courses and take your career to the next level, that would be cool too. 😀</div>
<div class ="ch3">Q:How long will will this Bootcamp be available?</div>
<div class="ch3">Q:What will this Bootcamp teach me?</div>
<div class="ch3"> Q:Where can I go after completing the Bootcamp?</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script src="./scripts/more.js"></script>
<script src="https://kit.fontawesome.com/2ab2a134b6.js" crossorigin="anonymous"></script>
<script type="module">
import navbar from "../components/navbar.js"
// console.log(navbar)
document.querySelector(".header").innerHTML=navbar()
import footer from "../components/footer.js"
document.querySelector("#footer").innerHTML=footer()
const hamburger = document.querySelector(".menu");
const navMenu = document.querySelector(".mobile");
hamburger.addEventListener("click", function () {
navMenu.classList.toggle("active");
});
const hamburger1 = document.querySelector(" #footer .menu");
const navMenu1 = document.querySelector("#footer .mobile");
hamburger1.addEventListener("click", function () {
navMenu1.classList.toggle("active");
});
</script>