-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
119 lines (106 loc) · 6.76 KB
/
Copy pathabout.html
File metadata and controls
119 lines (106 loc) · 6.76 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CODETECH - Heaven for programmers</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- NAVBAR STARTS FROM HERE -->
<nav class="navbar navbar-expand-lg bg-dark sticky-top navbar-dark px-3">
<a class="navbar-brand text-danger" href="/CodeTechBootstrap/index.html">CODETECH</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="/CodeTechBootstrap/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/CodeTechBootstrap/about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Topics
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" target="_blank"
href="https://indianexpress.com/section/technology/">Technology </a></li>
<li><a class="dropdown-item" target="_blank"
href="https://www.geeksforgeeks.org/web-development/">Web development</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Support us</a></li>
<li><a class="dropdown-item" href="#">Write for us</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/CodeTechBootstrap/contact.html">ContactUs</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-light" type="submit">Search</button>
</form>
</div>
</nav>
<!-- NAVBAR ENDS HERE -->
<div class="container my-4 px-5">
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7 d-flex flex-column justify-content-center">
<h2 class="featurette-heading fw-normal lh-1 text-dark fw-bold">Let's Starts With <strong>CODETECH</strong>. <span class="text-muted">It'll
blow your mind.</span></h2>
<p class="lead">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt repellat ad nisi vitae quam perspiciatis fugit est in repudiandae dolor aliquam aliquid autem quibusdam accusamus quasi mollitia error numquam dolorem dolore illo, corporis aspernatur molestiae culpa cumque? In nulla fugit voluptatibus libero velit nisi..</p>
</div>
<div class="col-md-5">
<img src="images/thmbnl03.jpg" alt=""
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="400"
height="400">
</div>
</div>
<hr>
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7 d-flex flex-column justify-content-center order-md-2">
<h2 class="featurette-heading fw-normal lh-1 text-dark fw-bold">It's All Starts in 1958. <span class="text-muted">It'll
blow your mind.</span></h2>
<p class="lead text-start">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nam ad minus iste culpa sed natus voluptatibus facilis quos similique labore, fugit id facere non incidunt blanditiis laboriosam alias. Fugiat tempora quae nobis. Totam culpa in, illo autem natus perspiciatis modi accusantium quidem ipsum distinctio?.</p>
</div>
<div class="col-md-5">
<img src="images/thmbnl02.jpg" alt=""
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="400"
height="400">
</div>
</div>
<hr>
<div class="row featurette d-flex justify-content-center align-items-center">
<div class="col-md-7 d-flex flex-column justify-content-center">
<h2 class="featurette-heading fw-normal lh-1 text-dark fw-bold"> Blog all about recent technologies, trends.... <span class="text-muted">It'll
blow your mind.</span></h2>
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro ea nesciunt consequatur dolorum voluptatibus doloremque, sunt corporis nulla officiis saepe distinctio expedita fuga, vero iusto nostrum. Libero, sapiente magnam. Sed error eum necessitatibus, delectus nihil quaerat tempora, veritatis voluptatibus, numquam unde enim voluptatem nobis..</p>
</div>
<div class="col-md-5">
<img src="images/thmbnl04.jpg" alt=""
class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="400"
height="400">
</div>
</div>
<!-- FOOTER STARTS HERE -->
<footer class="container my-4">
<p class="float-end"><a href="#">Back to top</a></p>
<p>© 2022-2024 CODETECH, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer>
<!-- FOOTER ENDS HERE -->
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
</body>
</html>