about.html
4.61 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Clean Blog - Start Bootstrap Theme</title>
<!-- Bootstrap Core CSS -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Additional fonts for this theme -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"
type="text/css">
<link
href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic'
rel='stylesheet' type='text/css'>
<link
href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<!-- Custom styles for this theme -->
<link href="css/clean-blog.min.css" rel="stylesheet">
<!-- Temporary navbar container fix until Bootstrap 4 is patched -->
<style>
.navbar-toggler {
z-index: 1;
}
@media ( max-width : 576px) {
nav>.container {
width: 100%;
}
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar fixed-top navbar-toggleable-md navbar-light"
id="mainNav">
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button"
data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="index.html">Start
Bootstrap</a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link page-scroll"
href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link page-scroll"
href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link page-scroll"
href="post.html">Sample Post</a></li>
<li class="nav-item"><a class="nav-link page-scroll"
href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="intro-header"
style="background-image: url('img/about-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<div class="page-heading">
<h1>About Me</h1>
<span class="subheading">This is what I do.</span>
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Saepe nostrum ullam eveniet pariatur voluptates odit, fuga atque ea
nobis sit soluta odio, adipisci quas excepturi maxime quae totam
ducimus consectetur?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Eius praesentium recusandae illo eaque architecto error,
repellendus iusto reprehenderit, doloribus, minus sunt. Numquam at
quae voluptatum in officia voluptas voluptatibus, minus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Nostrum molestiae debitis nobis, quod sapiente qui voluptatum,
placeat magni repudiandae accusantium fugit quas labore non rerum
possimus, corrupti enim modi! Et.</p>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10 offset-md-1">
<ul class="list-inline text-center">
<li class="list-inline-item"><a href="#"> <span
class="fa-stack fa-lg"> <i
class="fa fa-circle fa-stack-2x"></i> <i
class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a></li>
<li class="list-inline-item"><a href="#"> <span
class="fa-stack fa-lg"> <i
class="fa fa-circle fa-stack-2x"></i> <i
class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a></li>
<li class="list-inline-item"><a href="#"> <span
class="fa-stack fa-lg"> <i
class="fa fa-circle fa-stack-2x"></i> <i
class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a></li>
</ul>
<p class="copyright text-muted">Copyright © Your Website
2017</p>
</div>
</div>
</div>
</footer>
<!-- jQuery Version 3.1.1 -->
<script src="lib/jquery/jquery.js"></script>
<!-- Tether -->
<script src="lib/tether/tether.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>