-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (117 loc) · 4.25 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Get Techie</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<ul class="login">
<li>
<a href="#">
Login
</a>
</li>
</ul>
<nav>
<ul>
<a href="companies.html">Companies</a>
<!-- <ul>
<li>Bam</li>
<li>Boom</li>
<li>Pop</li>
</ul> -->
<a href="#">Events</a>
<a href="#">Jobs</a>
<a href="#">Charleston</a>
</ul>
</nav>
<h1>
Get Techie
</h1>
</header>
<section>
<article class="big-circle">
<div class="circle">
<h3>
Test h3 header
</h3>
<img src="http://placekitten.com/250" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti blanditiis beatae repellat ea incidunt molestias rem veniam maiores accusamus. Earum consectetur ratione at quas, voluptatibus error tenetur. Ex, quam dolorum.
</p>
</div>
<div class="circle">
<h3>
Test h3 header
</h3>
<img src="http://placekitten.com/250" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti blanditiis beatae repellat ea incidunt molestias rem veniam maiores accusamus. Earum consectetur ratione at quas, voluptatibus error tenetur. Ex, quam dolorum.
</p>
</div>
<div class="circle">
<h3>
Test h3 header
</h3>
<img src="http://placekitten.com/250" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti blanditiis beatae repellat ea incidunt molestias rem veniam maiores accusamus. Earum consectetur ratione at quas, voluptatibus error tenetur. Ex, quam dolorum.
</p>
</div>
</article>
<div class="big-box">
<div class="box">
<h2>Box 1</h2>
</div>
<div class="box">
<h2>Box 2</h2>
</div>
</div>
<div class="test-child">
<ul>
<a href="#"><li>A</li></a>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
</ul>
</div>
</section>
<aside>
<article class="about">
<div class="big-about">
<div class="about-img">
<img src="http://placekitten.com/200" alt="Test">
<span>
About the creator:
<!-- <br>
<br> -->
<p>My name is Chris Otten and I am a student at The Iton Yard Academy in Charleston, SC. I have been in the program for a week now. I feel like my brain is about to explode! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti explicabo similique nesciunt excepturi autem perferendis hic saepe, soluta deserunt, eligendi rerum vero officia placeat. Est et cum repellat, fugiat facere. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quae tempore numquam, modi velit aut omnis, rem ipsum nam id magnam excepturi, perferendis provident debitis molestias, harum beatae sunt fuga.</p>
</span>
</div>
</div>
</article>
</aside>
<footer>
<article class="social">
<ul>
<a href="http://www.Facebook.com" target="_blank">
<li><img src="http://www.mnpa.us/images/facebook.jpg" alt="Facebook"></li>
</a>
<a href="http://www.Twitter.com" target="_blank">
<li><img src="http://vast-e.com/home/wp-content/uploads/2014/01/twitter_icon50.png" alt="Twitter"></li>
</a>
<a href="http://www.Linkedin.com" target="_blank">
<li><img src="http://www.intuitionlang.com/img/core/linkedin_icon.gif" alt="LinkedIn"></li>
</a>
<a href="http://www.Github.com" target="_blank">
<li><img src="http://profile.ak.fbcdn.net/hprofile-ak-frc3/t1.0-1/c62.62.776.776/s50x50/945323_366239146811715_634589613_n.png.jpg" alt="GitHub"></li>
</a>
</ul>
</article>
</footer>
</body>
</html>