forked from conrad-blucher-institute/git-crash-course
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
137 lines (119 loc) · 5.91 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<div class="container_full header_bg">
<div class="fix container">
<header id="header">
<div class="left_logo">
<h1>Blogin</h1>
</div>
<nav>
<ul id="menu">
<li><a href="">Home</a></li>
<li class="active"><a href="">About</a></li>
<li><a href="">Work</a></li>
<li><a href="">Team</a></li>
<li><a href="">Contact</a></li>
</ul>
<div class="mobile-view">
<span onclick="openNav()">☰</span>
<div id="myNav" class="overlay">
<a href="javascript:void()" onclick="closeNav()" class="close-btn">×</a>
<div class="overlay-content">
<a onclick="closeNav()" href="">Home</a>
<a onclick="closeNav()" href="">About</a>
<a onclick="closeNav()" href="">Work</a>
<a onclick="closeNav()" href="">Team</a>
<a onclick="closeNav()" href="">Contact</a>
</div>
</div>
</div>
</nav>
</header>
</div>
</div>
<div class="container_full content_border">
<div class="fix container">
<div class="content_wrapper">
<section class="left_content">
<article class="single_article">
<h2>About Blogin</h2>
<p> Blogin is a little blogging site we love to blog! Hopefully you will love to blog as well! </p>
<p> Lets put a bunch more text here so that i looks super full.
blogs are fun and can help you learn about yourself and conenct with likeminded people who also have blogs.
but actually this website has articles so maybe you, like, maybe we are acutally a news site and the name
of our website is misleading! more text more text ummm blogs The modern blog evolved from the online diary,
where people would keep a running account of their personal lives. Most such writers called themselves
diarists, journalists, or journalers. A few called themselves "escribitionists". The Open Pages webring included
members of the online-journal community. Justin Hall, who began eleven years of personal blogging in 1994 while
a student at Swarthmore College, is generally recognized as one of the earliest bloggers,[5] as is Jerry
Pournelle.[6] Another early blog was Wearable Wireless Webcam, an online shared diary of a person's
personal life combining text, video, and pictures transmitted live from a wearable computer and
EyeTap device to a web site in 1994. This practice of semi-automated blogging with live video together with
text was referred to as sousveillance, and such journals were also used as evidence in legal matters.
Other forms of journals kept online also existed. A notable example w- that's probably enough text.
</p>
</article>
</section>
<div class="sidebar_wrapper">
<aside class="single_sidebar">
<h2>About Blogin</h2>
<p>
Blogin is a little blogging site we love to blog!
</p>
<p>
Hopefully you will love to blog as well!
</p>
</aside>
<aside class="single_sidebar">
<h2>Search</h2>
<input type="text" class="search_box" placeholder="What are you looking for...">
</aside>
<aside class="single_sidebar">
<h2>STAY TUNED</h2>
<div class="email_submit">
<input type="email" class="" placeholder="Your email">
<input type="submit" id="search_submit">
</div>
</aside>
</div>
</div>
<div class="content_bottom">
<a href="#" class="previous">← Previous</a>
<a href="#" class="next">Next →</a>
</div>
</div>
</div>
<div class="container_full">
<div class="fix container">
<footer id="footer">
<h1>Blogin</h1>
<p>© 2014 Blogin.com - All Rights Reserved -
Find more free Templates at Pixelhint.com</p>
<div class="social_icon">
<ul>
<li class="facebook"><a href=""></a></li>
<li class="twitter"><a href=""></a></li>
<li class="facebook"><a href=""></a></li>
</ul>
</div>
</footer>
</div>
</div>
<!--
<div class="container_full">
<div class="fix container">
</div>
</div>
-->
<script src="js/main.js"></script>
</body>
</html>