-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
68 lines (57 loc) · 2.54 KB
/
about.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
<DOCTYPE html>
<html>
<!-- head and metadata -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=divice width">
<meta name="description" content="My Portfolio">
<meta name="keywords" content="portfolio, ravi, raina">
<meta name="author" content="Ravi Raina">
<title>Ravi Raina | About</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<!-- actual website -->
<body>
<!-- header -->
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Ravi</span> Raina</h1>
</div>
<nav>
<ul>
<li><a href="index">Home</a></li>
<li class="current"><a href="about">About</a></li>
<li><a href="portfolio">Portfolio</a></li>
</ul>
</nav>
</div>
</header>
<!-- main area -->
<section id="main">
<div class="container">
<article id="main-col">
<h1 class="page-title">About</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris fermentum, lorem ac elementum placerat, lorem ante scelerisque arcu, non placerat magna tellus ac neque. In ultrices erat et pharetra porta. Vestibulum egestas elit in magna interdum tincidunt. Nam tincidunt velit urna, sed fermentum lorem blandit vitae. Donec malesuada risus at lectus imperdiet, auctor gravida lacus porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse ut enim ornare, vehicula dolor et, tincidunt arcu. Quisque mi dui, hendrerit eget ultricies vulputate, mollis vitae sapien. Proin eu diam est.
</p>
<p>
Nulla semper, risus ac molestie ultrices, diam turpis iaculis justo, quis feugiat tortor felis eu dui. Pellentesque eu ex efficitur, laoreet ipsum iaculis, interdum lorem. Donec arcu diam, viverra sit amet vehicula egestas, ornare id justo. Nam sodales a magna at laoreet. Integer dignissim leo ex, vel semper ante egestas a. Maecenas leo est, lobortis id augue quis, rhoncus ornare ante. In tempor condimentum malesuada. Morbi eu ex placerat, sollicitudin augue sit amet, scelerisque leo. Donec scelerisque sit amet est tempor aliquet. Vivamus finibus justo eu fringilla tincidunt. Donec quis odio pellentesque, cursus eros ut, semper nulla.
</p>
</article>
<aside id="sidebar">
<div class="dark">
<h1>Other Field</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</aside>
</div>
</section>
<!-- add additional stuff here -->
<!-- footer -->
<footer>
<p>© 2019 Ravi Raina, All rights reserved</p>
</footer>
</body>
</html>