forked from plastic-cup/blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (50 loc) · 2.58 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
<!DOCTYPE html>
<html>
<head>
<title>The Blog of the Unnamed team</title>
<link rel="stylesheet" type="text/css" href="http:////code.jquery.com/qunit/qunit-1.18.0.css">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="container">
<div id='logo'> <h1> Unnamed team</h1>
</div>
<div id='faces'>
<center>
<img class="face" id="Anni" src="images/Facesquarr.jpg" alt="Petteri" style="width:21%;height:21%">
<img class="face" id="Daniel" src="images/Facesquarr.jpg" alt="Petteri" style="width:21%;height:21%">
<img class="face" id="Mina" src="images/Facesquarr.jpg" alt="Petteri" style="width:21%;height:21%">
<img class="face" id="Rafe" src="images/Facesquarr.jpg" alt="Petteri" style="width:21%;height:21%">
</center>
</div>
<div>
<div class="profile hidden" id="AnniProfile"><p>Anni</p></div>
<div class="profile hidden" id="DanielProfile"><p>Daniel</p></div>
<div class="profile hidden" id="MinaProfile"><p>Mina</p></div>
<div class="profile hidden" id="RafeProfile"><p>Rafe</p></div>
</div>
<div id="intro">
<center>
<h1>Introduction</h1>
<p> 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>
</center>
</div>
<div class='blog-post'>
<div class='title'>Blog Post Title</div>
<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>
<span class='read more'>Read more >>></span>
</div>
</div>
</div>
<div id="qunit"></div>
<div id="qunit-fixture"></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="http://code.jquery.com/qunit/qunit-1.18.0.js"></script>
<script src="script.js"></script>
</div>
</body>
</html>