-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
144 lines (132 loc) · 5.62 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
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
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="Rootbi is a simple portfolio theme built in Bootstrap.">
<meta name="author" content="Bino Kochumol Varghese" />
<title>About | Rootbi</title>
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicon/site.webmanifest">
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/vendors/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top p-0">
<div class="container">
<a class="navbar-brand" href="index.html">Rootbi</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="notes.html">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container" role="main">
<div class="row text-center">
<h1 class="display-5 fw-bold lh-1 mb-3">About me</h1>
<p class="card-text fs-6">Let us talk about who am I?.</p>
</div>
</div>
<div class="container col-xxl-8 px-4">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="assets/img/bino-home.jpg" class="d-block mx-lg-auto img-fluid" alt="Bino image" loading="lazy" width="700" height="500">
</div>
<div class="col-lg-6">
<p class="lead">I am Tony Stark</p>
<p class="lead">Iam a fictional superhero appearing in American comic books published by Marvel Comics. The
character was co-created by
writer and editor Stan Lee, developed by scripter Larry Lieber, and designed by artists Don Heck and Jack
Kirby.</p>
<p class="lead">
The character made his first appearance in Tales of Suspense #39 (cover dated March 1963), and received
his
own title
in Iron Man #1 (May 1968). Also in 1963, the character founded the Avengers alongside Thor, Ant-Man, Wasp
and the Hulk.
</p>
<p class="lead"> A wealthy American business magnate, playboy, philanthropist, inventor and ingenious scientist, Anthony
Edward "Tony" Stark suffers a
severe chest injury during a kidnapping. When his captors attempt to force him to build a weapon of mass
destruction,
he instead creates a mechanized suit of armor to save his life and escape captivity. </p>
<p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Contact me</button>
</div>
</div>
</div>
</div>
<footer class="mt-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul
class="list-inline list-group list-group-horizontal text-center footer-links d-flex justify-content-center flex-row">
<li>
<a href="mailto:[email protected]" title="Email me" target="_blank">
<i class="bi bi-envelope m-2"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/#" title="Facebook" target="_blank">
<i class="bi bi-facebook m-2"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/#" title="Instagram" target="_blank">
<i class="bi bi-instagram m-2"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/#" title="youtube" target="_blank">
<i class="bi bi-youtube m-2"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p class="credits copyright text-muted">
<a href="https://www.binovarghese.com">Bino Kochumol Varghese</a>
• ©
2021
•
<a href="">Rootbi</a>
</p>
</div>
<div class="col-md-12 text-center">
<p> Made with ❤ by <a href="https://binovarghese.com">Bino</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="assets/vendors/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>