-
Notifications
You must be signed in to change notification settings - Fork 1
/
individual.html
138 lines (129 loc) · 6.35 KB
/
individual.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
<!DOCTYPE html>
<html>
<head>
<title>PantherHackers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Alice|Montserrat|Gentium+Basic|Raleway:600|Work+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/mobile.css">
</head>
<body>
<header class="top-page-header">
<div class="overlay-group mobile-top-nav-area">
<div class="overlay-top"></div>
<div class="overlay-bottom mobile-top-nav">
<p class="close-button"><i class="fa fa-times"></i></p>
<p><a href="index.html">Home</a></p>
<p><a href="about.html">About</a></p>
<hr class="separator"/>
<div data-collapse="accordion">
<p> Events </p>
<ul>
<li><a href="events.html">All</a></li>
<li><a href="events.html">Workshops</a></li>
<li><a href="events.html">Hackathons</a></li>
<li><a href="events.html">Press</a></li>
</ul>
<p>Blog</p>
<ul>
<li><a href="blog.html">All</a></li>
<li><a href="blog.html">Category</a></li>
<li><a href="blog.html">Category</a></li>
<li><a href="blog.html">Category</a></li>
<li><a href="blog.html">Category</a></li>
</ul>
<p>Projects</p>
<ul>
<li><a href="projects.html">All</a></li>
<li><a href="projects.html">Personal</a></li>
<li><a href="projects.html">Hackathon</a></li>
</ul>
</div>
<p class="text-small text-center">Stay in touch</p>
<p class="social-media">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"> <i class="fa fa-instagram"></i></a>
<a href="#"> <i class="fa fa-vine"></i></a>
<a href="#"> <i class="fa fa-youtube-play"></i></a>
<a href="#"> <i class="fa fa-envelope-o"></i></a>
</p>
</div>
</div>
<div class="wrapper clearfix">
<div class="navigation-area">
<ul class="navigation">
<li><a href="about.html">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</div>
<a class="logo-area" href="index.html"> <img src="img/logo.png" class="logo"></a>
<div class="social-media-area">
<ul>
<li> <a href="#"><i class="fa fa-facebook"></i></a></li>
<li> <a href="#" <i class="fa fa-twitter"></i></a></li>
<li> <a href="#" <i class="fa fa-instagram"></i></a></li>
<li> <a href="#" <i class="fa fa-vine"></i></a></li>
<li> <a href="#" <i class="fa fa-youtube-play"></i></a></li>
<li> <a href="#" <i class="fa fa-envelope-o"></i></a></li>
</ul>
</div>
<div class="mobile-hamburger-area">
<button class="btn"><i class="fa fa-bars"></i></button>
</div>
</div>
</header>
<!--
Inspiration:
https://scholarblogs.emory.edu/atlantastudies/articles/
http://www.fubiz.net/
http://www.itsnicethat.com/
http://www.goodmoods.com/explore/goodlook
-->
<div class="main-content single-blog-post-area">
<div class="single-blog-post">
<div class="post-image-area overlay-group">
<div class="overlay-top"></div>
<img src="http://lorempixel.com/1200/400" alt="" class="post-image">
<div class="post-info overlay-bottom">
<h1 class="title">Awesome Title</h1>
<p class="text-muted">Posted 10 Hours Ago</p>
</div>
</div>
<div class="wrapper post-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quaerat quidem eius reprehenderit numquam nihil ea tenetur ipsa, consectetur at labore asperiores, quod excepturi! Ratione, rerum asperiores excepturi perspiciatis esse quis aperiam quod ipsum quidem, distinctio totam autem, dolores porro aliquid assumenda, voluptas consectetur. Distinctio esse optio eos enim doloribus neque iusto excepturi ullam natus dolorem at quibusdam quod autem nihil a inventore nostrum delectus aliquid numquam dolores, ab, voluptatibus voluptates explicabo! Fuga suscipit iste, nisi! Ipsum, blanditiis. Non dolores deleniti cupiditate corporis beatae architecto iure omnis placeat, optio necessitatibus rem officiis, reprehenderit iste quasi ullam, fugiat tempora veritatis tempore tenetur quas. Porro adipisci vero veniam, quia assumenda id amet omnis deleniti. Quam voluptas eveniet nostrum assumenda quas quae modi, perspiciatis nulla minus. Consequatur tempora explicabo, soluta sed omnis aliquam debitis eius unde veritatis quisquam suscipit corrupti iste distinctio, eos quod eveniet sunt, maiores rerum fugit. Consectetur libero distinctio labore.</p>
<img src="http://lorempixel.com/300/250" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure possimus saepe recusandae excepturi reiciendis ut, natus voluptatem aliquam quaerat numquam tempora iste, beatae eius non! Quae at, aliquid explicabo excepturi, error iure impedit obcaecati commodi! Eveniet sint aut est necessitatibus culpa, voluptates similique? Iure, laboriosam voluptatem. Minima id at voluptatibus!</p>
</div>
</div>
<ul class="pager">
<li><a href="#"><span aria-hidden="true">←</span> Previous Post</a></li>
<li><a href="#">Next Post <span aria-hidden="true">→</span></a></li>
</ul>
</div>
<footer class="top-footer theme-dark">
<div class="wrapper">
<img src="img/logo.png" alt="" class="logo-small">
<p>Designed and developed by Panther Hackers @ GSU</p>
<p>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#" <i class="fa fa-twitter"></i></a>
<a href="#" <i class="fa fa-instagram"></i></a>
<a href="#" <i class="fa fa-vine"></i></a>
<a href="#" <i class="fa fa-youtube-play"></i></a>
<a href="#" <i class="fa fa-envelope-o"></i></a>
</p>
<p>Copyright</p>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/collapse.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>