-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
107 lines (95 loc) · 5.45 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<title>Rajat Jain !</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">iCoder</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html">Contact Us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Topics
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Android App Development</a></li>
<li><a class="dropdown-item" href="#">Web Development</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Support</a></li>
<li><a class="dropdown-item" href="#">Write for Us</a></li>
</ul>
</li>
<!-- <li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li> -->
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="container my-4">
<div class="row featurette d-flex justify-content-center align-item-center">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">We started iCoder in 2002 <span class="text-muted">It’ll blow your
mind.</span></h2>
<p class="lead"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque voluptas laudantium
quasi officia adipisci assumenda quo praesentium dolores, architecto aperiam veniam inventore facere
nihil eaque. Omnis distinctio vitae voluptatem a, voluptatum mollitia iure nobis recusandae tempora.
</p>
</div>
<div class="col-md-5">
<!-- <svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg> -->
<img class="img-fluid"
src="https://source.unsplash.com/500x300/?flowers" alt="...">
</div>
</div>
</div>
<div class="container my-4">
<div class="row featurette d-flex justify-content-center align-item-center">
<div class="col-md-5 ">
<h2 class="featurette-heading">It's All Started with iCoder Idea. <span class="text-muted">It’ll blow your
mind.</span></h2>
<p class="lead"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque voluptas laudantium
quasi officia adipisci assumenda quo praesentium dolores, architecto aperiam veniam inventore facere
nihil eaque. Omnis distinctio vitae voluptatem a, voluptatum mollitia iure nobis recusandae tempora.
</p>
</div>
<div class="col-md-5">
<!-- <svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em">500x500</text></svg> -->
<img class="img-fluid"
src="https://source.unsplash.com/WLUHO9A_xik/400x400 alt="...">
</div>
</div>
</div>
<footer class="container">
<p class="float-end"><a href="#">Back to top</a></p>
<p>© 2020-2021 iCoder Rajat Jain 😎, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
</body>