-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (30 loc) · 1.69 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS box model</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
</head>
<body>
<div class="top-bar">
<div class="wrapper-nav">
<ul class="navigation">
<li class="link-nav"><a class="link-nav" href="#">Home</a></li>
<li class="link-nav"><a class="link-nav" href="#">Coding</a></li>
<li class="link-nav"><a class="link-nav" href="#">Flex</a></li>
<li class="link-nav"><a class="link-nav" href="#">Grid</a></li>
</ul>
</div>
</div>
<div class="main">
<div class="call-to-action">
<div class="wrapper">
<h1 class="main-title">Practicing some css box model</h1>
<h3 class="sub-title">Today I am posting my first code here. I will try to post a code every week. This is a chat with myself. <em>Sorry if you has arrived here.</em> :(</h3>
<p class="main-text"><span class="black-text"><em>Need some example here! Thanks so much <a class="link-text" href="http://www.lipsum.com/" target="_blank">Lorem Ipsum</a></em></span>. Nulla auctor feugiat urna, ac sodales nunc sodales scelerisque. Quisque at risus gravida ex accumsan dictum. Cras lobortis arcu non sem ullamcorper pretium. Mauris nunc felis, accumsan at sollicitudin eget, dapibus non tortor. Curabitur aliquam, orci non mattis viverra, sapien nisl tincidunt nisi, quis laoreet elit tellus feugiat diam. Curabitur vitae feugiat urna.</p>
</div>
</div>
</div>
</body>
</html>