-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
78 lines (77 loc) · 5.85 KB
/
index.htm
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blog blog</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<div id="header" class="main">
<div id="gradient"></div>
<div class="wrapper">
<div id="logo">
<p class="title">Blog</p>
<p class="title">Blog</p>
</div>
<div id="buttons">
<ul>
<li><a href="javascript:void()" class="btn-menu"><i class="fa fa-bars fa-fw fa-2x"></i></a></li>
<li><a href="javascript:void()" class="btn-search"><i class="fa fa-search fa-fw fa-2x"></i></a></li>
</ul>
</div>
</div>
</div>
<div id="content" class="main">
<div class="wrapper-content">
<div class="post">
<div class="timedate">
<p class="day bigdate">20</p>
<p class="monthyear bigdate">stycznia</p>
<p class="monthyear bigdate">2016</p>
<ul class="linkbox">
<li class="tag"><a href="">Porady</a></li>
<li class="tag"><a href="">OS X</a></li>
<li class="comment"><a href="">Skomentuj (0)</a></li>
<li class="share"><a href="">Podziel się</a></li>
</ul>
</div>
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
<p class="short">Nulla fermentum semper ex, et lacinia orci fermentum vel. Suspendisse viverra nec magna non vestibulum.</p>
<div class="mobile-timedate">
<span class="smalldate">20 stycznia 2016</span> |
<a href="#">Skomentuj (0)</a> |
<a href="">Podziel się</a>
</div>
<p>Nunc vestibulum sit amet lorem id ornare. Nam et auctor sapien.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Phasellus finibus tellus</a> ligula, aliquet ultricies nisl sodales et. Vestibulum enim velit, egestas id nulla nec, aliquam finibus elit. Nunc porttitor nunc sed orci tempor, in lobortis lectus consectetur. Etiam elementum accumsan turpis, non dignissim velit fringilla a. Integer fringilla diam non molestie suscipit. Sed vulputate malesuada faucibus. Proin dictum nibh nulla, id feugiat lacus posuere id.</p>
<p>Mauris scelerisque et mi et egestas. Sed viverra mauris ut aliquet ullamcorper. Suspendisse eget augue ex. Nam laoreet in urna et egestas. Nam rutrum, est eu scelerisque tempor, ligula est porta risus, quis faucibus ex arcu non nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam non varius magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam porttitor dignissim enim, in vestibulum nisl vestibulum gravida. Donec ut neque eu diam imperdiet egestas at eget nibh. Nullam vel tincidunt quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras volutpat justo vel tortor aliquam sodales. Nunc id tellus tellus. Suspendisse efficitur augue malesuada eros rhoncus consequat. Nunc consequat malesuada nisi at ultricies.</p>
<p>Nunc vestibulum sit amet lorem id ornare. Nam et auctor sapien. <a href="#">Nam in massa lacus</a>. Nullam mattis sit amet metus non semper. Cras in massa vitae enim rhoncus lobortis. Donec consectetur efficitur imperdiet. Nam suscipit euismod varius. Mauris at scelerisque lorem. Sed tristique odio vitae tincidunt blandit. Sed quis ultrices diam, et pretium neque. Aliquam at faucibus tellus. Sed bibendum eget ante sit amet faucibus. Nam in euismod nulla. Aliquam pretium nulla enim, non euismod massa facilisis eu. Sed blandit mi at luctus mattis. Praesent at odio in turpis rhoncus sagittis.</p>
<p>Vivamus dictum ut risus nec vestibulum. Aliquam malesuada eget sem nec molestie. Sed pharetra, nisl et lacinia luctus, turpis lacus blandit ante, quis dapibus sapien ante ac mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum sit amet condimentum tortor. Aenean eu elementum nisl, non viverra mi. Mauris finibus facilisis dolor eget auctor. Sed congue, lacus eu condimentum laoreet, arcu tellus blandit magna, quis malesuada eros mauris id lacus.</p>
<p>Nulla fermentum semper ex, et lacinia orci fermentum vel. Suspendisse viverra nec magna non vestibulum. Integer et euismod libero, eu condimentum mauris. Duis vitae nunc enim. Aenean dictum eleifend justo sed pharetra. Integer aliquam malesuada neque, sed bibendum enim ornare in. Phasellus eleifend tempor egestas. Nullam consequat justo ante, a rhoncus nulla auctor non. Vivamus risus ex, imperdiet ut erat nec, imperdiet ullamcorper risus.</p>
</div>
</div>
</div>
<div id="dimScreen">
<div id="wrapperWindow">
<div id="menu-window" class="window">
<ul class="menu-main">
<li><a href="">Kategorie</a></li>
<li><a href="">Archiwum</a></li>
</ul>
</div>
<div id="menu-search" class="window">
<ul class="search-main">
<li>
<input type="text" placeholder="Szukaj" class="input-search"></li>
</li>
</ul>
</div>
</div>
</div>
<link href='https://fonts.googleapis.com/css?family=Work+Sans:700,300,600,900&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:700,400,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script async src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>