-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathlayout.html
170 lines (133 loc) · 8.83 KB
/
layout.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en" class="normal green">
<head>
<meta charset="UTF-8">
<meta name="description" content="Layout, Turbo C/C++ simple basic web site theme." />
<meta name="author" content="Fatih Tatoğlu" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Turbo C Theme - Layout</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<link rel="canonical" href="https://blog.tatoglu.net/blog-theme-turboc" />
<link rel="home" href="https://blog.tatoglu.net/blog-theme-turboc" />
<link rel="stylesheet" href="./css/main.css">
<script src="node_modules/mustache/mustache.min.js"></script>
<script src="./js/main.js"></script>
</head>
<body>
<header>
<span class="site-name">Turbo C Theme - Layout</span>
</header>
<nav id="navigation"></nav>
<main>
<article>
<header>
<h1>Lorem Ipsum</h1>
<button>#</button>
</header>
<img src="https://picsum.photos/id/482/1024/320" alt="Fig.1 - Trulli, Puglia, Italy."
title="Fig.1 - Trulli, Puglia, Italy." />
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime nesciunt dolorum, asperiores sed
incidunt animi.</p>
<h2>Section 1</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi modi fuga quas architecto blanditiis
dolor aut tenetur! Amet, harum cupiditate. Adipisci necessitatibus, totam unde laborum ratione
beatae, dolor soluta aut nihil molestias dicta odit ipsam? Ducimus tempore expedita beatae quo.</p>
<img src="https://picsum.photos/id/925/1024/768" alt="Fig.2 - Trulli, Puglia, Italy."
title="Fig.2 - Trulli, Puglia, Italy." />
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi autem facere, unde impedit
perspiciatis distinctio tempora vel dolore non, ipsum sint ea mollitia, cum consequuntur deleniti
expedita! Sed, nostrum nam.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus vero repellendus vel voluptatum
sunt expedita odio quo illum voluptas animi!</p>
<img src="https://picsum.photos/id/46/300/200" alt="Fig.3 - Trulli, Puglia, Italy."
title="Fig.3 - Trulli, Puglia, Italy." />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis voluptates quam quaerat magni
voluptate quis quisquam dolores exercitationem. Quis nihil, atque libero tempora aspernatur neque
laboriosam alias! Quaerat, fugiat impedit ad, iste ullam suscipit, dignissimos et alias odit
similique aut sequi nobis dolor reiciendis nesciunt est quas in earum nisi.</p>
<h2>Section 2</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis ipsam tempore optio nemo modi
porro, quaerat iste ducimus voluptas iusto impedit eaque error debitis officiis reprehenderit, vel
praesentium quo reiciendis?</p>
<h3>Inner Section 1</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus, corrupti?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et quisquam saepe id accusantium eos porro
ea officia consequuntur, distinctio nemo dolor debitis nesciunt, quo deleniti quis explicabo ullam
molestiae veritatis at. Maiores magnam quae excepturi accusamus nam illum dolore? Eaque.</p>
<h4>Sub Section 1</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim consectetur quibusdam est tempora
aspernatur obcaecati nihil architecto alias deleniti consequatur nostrum officia, officiis illum autem
distinctio ipsa libero praesentium. Temporibus placeat odit quidem perspiciatis, ea excepturi tenetur
impedit porro. Asperiores nostrum et tempore. Minima eos dolorum ratione commodi, odit nam saepe est
corporis aliquid eaque quisquam dolores ipsa eius tempore, ut ipsam quod distinctio quasi id.
Aspernatur, sed. Perspiciatis distinctio aliquam ex eligendi nisi ut, adipisci ea beatae deleniti
inventore quia iure sunt fuga autem, maiores soluta unde magni error illo alias optio quasi culpa
magnam. Sequi sapiente deleniti cupiditate. Cumque facere suscipit nihil, similique fugit impedit culpa
odit sint error atque consequuntur aliquam quos porro earum modi expedita assumenda iste reprehenderit
tempora explicabo nesciunt officia hic quod. Corrupti, asperiores dolore eligendi nobis pariatur
delectus voluptatem praesentium sequi suscipit maiores consectetur accusantium vitae a veniam in minus
rerum qui libero!</p>
<h4>Sub Section 2</h4>
<img src="https://picsum.photos/id/498/1024/320" alt="Fig.4 - Trulli, Puglia, Italy."
title="Fig.3 - Trulli, Puglia, Italy." />
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugit id odit blanditiis nihil ad, ipsam
nostrum delectus dicta? Accusamus dicta reiciendis sunt officia nihil assumenda! Tempore molestiae
exercitationem quaerat officiis asperiores! Voluptatem magni adipisci, vel laborum libero porro enim
blanditiis saepe veniam dicta explicabo sint deserunt officia, veritatis ea? Numquam quos, explicabo nam
et totam aliquam laboriosam? Odit sint voluptate aliquam placeat, ducimus tempore libero a recusandae!
Ad ratione eligendi tempore reprehenderit pariatur facilis officiis? Nam esse exercitationem tenetur.
In, sunt? Maiores nostrum amet aliquid, veniam totam ut libero illum, a, ullam explicabo commodi iste
repudiandae voluptatum mollitia. Optio recusandae dolor distinctio, nemo adipisci saepe blanditiis sint
illo. Vitae voluptatum similique magnam aspernatur debitis! Maxime cumque ex facere eum natus deleniti
doloremque. Sed, inventore nihil? Id aspernatur, accusantium laboriosam tenetur alias nam amet! Facilis
error libero perspiciatis! Nulla reprehenderit veritatis accusantium saepe laborum quos et quam?
Quisquam eos error aperiam recusandae molestiae illo odio, deleniti consectetur distinctio pariatur?
Suscipit nisi voluptas dolorem omnis, iste officiis blanditiis velit ad quos animi, qui quisquam
distinctio. Modi repudiandae similique hic temporibus repellendus rerum at animi sunt. Illo magni
accusamus fugiat consequuntur tempore nostrum iste nemo ab facilis beatae. Dolorum recusandae eveniet
itaque accusantium.</p>
<h3>Inner Section 2</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates placeat magni quia
cupiditate
soluta nemo impedit possimus aliquam molestiae? Iusto quaerat suscipit in illo explicabo reiciendis
enim sit impedit ipsum!</p>
<p>Lorem ipsum dolor sit amet.</p>
<blockquote>
<p>Hayat devam ediyor, bir ucundan tutmak lazım...</p>
</blockquote>
<div class="info-box">
This is an information.
</div>
<div class="warn-box">
This is a warning.
</div>
<div class="notice-box">
This is a notification.
</div>
<div class="error-box">
This is an error.
</div>
<hr />
<p>🔖 References</p>
<ul>
<li>Photo was taken by <a href="#" target="_new" rel="nofollow">John Carter</a> on <time pubdate
datetime="2015-01-02" title="January 2, 2015">January 2, 2015</time>
in Eskişehir.</li>
</ul>
<footer>
<address class="author">By <a rel="author" href="#">John Doe</a></address> - <time pubdate
datetime="2011-08-28 13:15:00+03:00" title="August 28th, 2011">08/28/2011 13:15</time>
</footer>
</article>
</main>
<footer>
<span class="credits">By <a href="https://github.com/fatihtatoglu" target="_new" rel="external"
title="Developed by Fatih Tatoğlu">Fatih
Tatoğlu</a> - 2022</span>
</footer>
</body>
</html>