-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
82 lines (82 loc) · 5.29 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
<!DOCTYPE html>
<html lang="en">
<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">
<title>About | ExploreTech</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="header-bg-about">
<header class="mx-4 p-3 text-white vh-100">
<div class="d-flex justify-content-between align-items-center ">
<div id="logo" class="d-none d-lg-inline">
<span class="h3"><a class="text-decoration-none" href="index.html">ExploreTech</a></span>
</div>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<div class="navbar-brand">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-head">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-head">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" id="first-nav" href="index.html">Home</a></li>
<!-- always add js script for dropdows menu -->
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="dropmenu-one" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Post</a>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropmenu-one">
<li class="dropdown-item"><a class="text-decoration-none text-light" href="1stpost.html">1st-Post</a></li>
<li class="dropdown-item"><a class="text-decoration-none text-light" href="2ndpost.html">2nd-Post</a</li>
<li class="dropdown-item"><a class="text-decoration-none text-light" href="3rdpost.html">3rd-Post</a</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item nav-item-last d-none d-lg-inline"><a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<!-- this is the end of logo and nav-item -->
<hr class="mb-lg-5">
<div class="w-75 m-auto d-flex flex-column align-items-center">
<div id="first-page" class="py-5 d-flex flex-column align-items-center rounded-3">
<div class="h1 responsive-font-example" >Something About This Site.</div>
<div class="w-75 fs-4 responsive-font-example">This site was created by Altaf's Team. The team member of this group is jutirmoy,bublo,Santa, and Ashraf. They all are students of Computer Technology. The team member has their own skill in developing a website, creating the design, coding some program, and lots of tech stuff . This Website is controlled by them, that's why u can learn the least thing about technology day by day with help of this team</div>
</div>
</div>
<!-- this is the end of intro -->
</header>
<!-- this is the end of header -->
</div>
<div id="footer" class="row bg-secondary bg-gradient d-flex justify-content-between p-5">
<div class="col-5 ps-5 text-black-50">
<div class="h3 fst-italic mb-4 text-decoration-underline">
Something About This Site
</div>
<div class="fs-5 p-2 fst-italic">
this site was created for providing knowledge about tech . And we always try to satisfy our users .this site creates by a group of computer technology students. If you want to know about this group,u can take a tour on our <a class="text-decoration-none text-light" href="About.html">About</a> page.
</div>
<div class="py-3 mt-2 text-light fs-6 fst-normal">
© 2022 by The Explorer. Created with CMT-B team.
</div>
</div>
<span class="col-2"></span>
<div class="col-5">
<div class="fs-4 fst-italic mb-4">
You can type your email below and click on the send button for getting the latest news by your email:
</div>
<form class="form-floating" action="email.php" method="post">
<input type="email" class="form-control" id="inputemail" placeholder="name@example.com" value="test@example.com">
<label for="inputemail">Type ur mail</label>
<button class="btn bg-gradient mt-4 px-4 text-light btn-primary" type="submit">Send</button>
</form>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>