-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
91 lines (69 loc) · 2.48 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!Doctype html>
<html>
<head>
<title>ms | about</title>
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<style>
.navbar {
background-image: url(img/header3.jpg);
}
.nav li {
}
.nav li a{
color:white;
display:inline-block;
text-decoration: none;
padding:10px;
font-size: 120%;
}
.nav li a:hover{
background-color: orange;
}
.nav-control a:hover{
font-size: 120%;
background-color: black;
}
</style>
</head>
<!-- <body style="background-image: url(img/text.svg);"> -->
<body>
<nav class="navbar navbar-custom">
<div class="container-fluid">
<div class="navbar-header">
<a href="#" class="navbar-brand"><img src="img/logo.png" width=160px height=60x style="z-index: 5"></a>
</div>
<div>
<ul class="nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header style="background: url(img/header3.jpg); height:250px; width: 100%">
<div style="opacity:0.5; padding:50px; margin:0px 100px 0px 100px; text-align: center;" class="jumbotron" >
<h2>Mignight Scribblings</h2>
<h5>when thoughts flow down the pen</h5>
</div>
</header>
<div class="offset-md-4 col-md-4 offset-xs-2 col-xs-8" style="padding: 20px;">
<h2 style="color: teal; padding: 20px;">About the blogger</h2>
<p style="border-left: 6px solid orange; padding: 20px"><strong>Soumya Ranjan</strong> is a student of the ECE depertment of National Institute of Technology, Durgapur.
He is also member of the CCA, the club who organizes Aarohan and works as an web designer there. In his busy schedule, blogging has become a way to express himself to a large population. He is passionate about films and writes a few lines whenever he gets some time. His curious and observant eyes has drawn him towards designing which he loves.
</p>
</div>
<div class="container-fluid" style="background-color: black; opacity:.85;">
<br>
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Enternainment</a></li>
<li><a href="#">Design</a></li>
</ul>
<br>
</div>
</body>
</html>