-
Notifications
You must be signed in to change notification settings - Fork 0
/
cloneteamtreehouse.html
executable file
·154 lines (132 loc) · 5.87 KB
/
cloneteamtreehouse.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/clonetthouse.css">
</head>
<body>
<div class="nav">
<ul class="nav-items ">
<li id="nav-item-logo">
<a href="#">
Logo
</a>
</li>
<li><a href="1">Sign in</a></li>
<li><a href="2">Terms</a></li>
<li id="freetrial"><a href="3">Free trial</a></li>
</ul>
</div>
<header>
<div class="flex-container">
<div class="flex-item1">
<h1>Learn to CODE, gain new skills, get a job, Be RICH</h1>
<h2>Whatever your goal - We'll be there with you</h2>
</div>
<div class="flex-item1">
<form action="cloneteamtreehouse.html" method="POST" id="form1">
<p id="form-heading">
<strong>Try it free for 7</strong>
<span>starting at $333 a month</span>
</p>
<div class="clearfix">
<div id="column1">
<label for="firstname">First name</label>
<input type="text" id="firstname" name="user_fname">
</div>
<div id="column2">
<label for="lastname">Last name</label>
<input type="text" id="lastname" name="user_lname">
</div>
</div>
<label for="email">Email</label>
<input type="email" id="email" name="user_email">
<input type="checkbox" name="service" value="condition" id="condition"/>I want to heart from You about serivces
<button type="submit" name="submit">Clam Free Trial</button>
</form>
</div>
</div>
</header>
<hr width="80%">
<div class="homepage clearfix">
<!-- Video -->
<div class="clearfix">
<div class="video">
<iframe height="400px" width="100%"
src="https://www.youtube.com/embed/LC5OPzt1tsM"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div class="video-text">
<h3>Flexible</h3>
<p>Learning a new skill doesn't have to interrupt your busy schedule. Our on-demand videos and interactive code challenges are there for you when you need them.</p>
</div>
</div>
<!-- End Video -->
<hr width="80%">
<!-- 3 courses -->
<div class="t-aligh-center clearfix">
<h4>Get a career in tech with a Treehouse Techdegree</h4>
<p>The Treehouse Techdegree is a structured, online learning program that will prepare you for a career in the tech indestry</p>
<p>
Get started Today for <strong>$99/mo</strong>
</p>
<div class="column">
<img class="skills-img" src="/picture/backpack.png" alt="Carry everything you need">
<h5>Master Techinal and Soft Skills</h5>
</div>
<div class="column">
<img class="skills-img" src="/picture/computer.png" alt="Computer's Tools are never this easy">
<h5>Learn Modern Dev Tools</h5>
</div>
<div class="column">
<img class="skills-img" src="/picture/note.png" alt="Remember what you need to do">
<h5>Go from Beginner to Career Ready</h5>
</div>
</div>
<!-- End 3 c -->
<!-- Flex Container 5 classes -->
<div class="flex-container w-60">
<div class=" flex-items">
<h5>Python Web Development</h5>
<span>
<strong>Python *12</strong>projects <strong>* 3-11</strong>months
</span>
<p>Learn to build Web App using bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
</div>
<div class=" flex-items">
<h5>IOS Development with Swift</h5>
<span>
<strong>IOS *10</strong>projects <strong>* 3-11</strong>months
</span>
<p>tab 2Learn to build Web App using bla bla bla</p>
</div>
<div class=" flex-items">
<h5>Front End Web Dev</h5>
<span>
<strong>HTML *9</strong>projects <strong>* 3-9</strong>months
</span>
<p>Learn to build Web Site using bla bla bla bla bla bla bla bla bla</p>
</div>
<div class=" flex-items">
<h5>FullS Stack JavaSc</h5>
<span>
<strong>JavaSc *12</strong>projects <strong>* 5-11</strong>months
</span>
<p>Tab4 Learn to build interactive Website and powerful Web App using bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
</div>
<div class=" flex-items">
<h5>UX Design</h5>
<span>
<strong>Desgin *12</strong>projects <strong>* 3-11</strong>months
</span>
<p>Tab 5earn to build Web App using bla bla bla</p>
</div>
</div> <!-- End Flex-Container -->
</div><!-- homepage -->
</body>
</html>