-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathblog.html
60 lines (51 loc) · 2.67 KB
/
blog.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
<!DOCTYPE html>
<html>
<head>
<title>The Blog of the Unnamed team</title>
<meta charset="utf-8">
<link rel="stylesheet" href="main.css" />
</head>
<body>
<div id="container">
<div id="navContainer">
<div id="hamburger">
<div></div>
<div></div>
<div></div>
</div>
<div id="navigation" class="hidden">
<ul>
<li><a href="http://plastic-cup.github.io/blog/blog.html" id="blog-link">Blog</a></li>
<li><a href="http://plastic-cup.github.io/blog/projects.html" id="project-link">Projects</a></li>
<li><a href="#profiles" id="profile-link">Profiles</a></li>
</ul>
</div>
</div>
<div id="main-blog-container">
<div id="logo-holder">
<a href="http://plastic-cup.github.io/blog"><div id="logo"> <h1 id="logo-text">FOURTECHS</h1></div></a>
</div>
<h1 id="blog-h1">Blog post reel </h1>
<div class="main-blog">
<a href="#"><h2 class="title">Blog Post Title</h2></a>
<img class="picture-background" src="http://www.brightmedical.com//media/catalog/product/f/e/fe216ce9d8af31f68f99978b0217bf97.jpg">
<div class="snippet">
<p class="snippet-content">Lorem ipsum dolor sit amet, posse veritus corrumpit ius id, per cu mundi aliquam electram, ea scaevola volutpat nec. Et qui numquam commune consulatu. Eos quas constituto ea. Ei nonumes epicuri cum, an usu doctus nonumes hendrerit, eos meis singulis mediocrem ad. An qui causae phaedrum, et copiosae adversarium qui.</p>
<a href="blog-post.html" class="read-more">Read more >>></a>
</div>
</div>
<div class="main-blog">
<a href="#"><h2 class="title">Blog Post Title</h2></a>
<img class="picture-background" src="http://www.brightmedical.com//media/catalog/product/f/e/fe216ce9d8af31f68f99978b0217bf97.jpg">
<div class="snippet">
<p class="snippet-content">Lorem ipsum dolor sit amet, posse veritus corrumpit ius id, per cu mundi aliquam electram, ea scaevola volutpat nec. Et qui numquam commune consulatu. Eos quas constituto ea. Ei nonumes epicuri cum, an usu doctus nonumes hendrerit, eos meis singulis mediocrem ad. An qui causae phaedrum, et copiosae adversarium qui.</p>
<a href="blog-post.html" class="read-more">Read more >>></a>
</div>
</div>
</div><!--end of #main-blog-container-->
</div>
<script src="https://code.jquery.com/jquery-git2.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="script.js"></script>
</body>
</html>