-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
137 lines (104 loc) · 6.88 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
<!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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>SoftMaisto(City of Softwares)</title>
</head>
<body>
<!-- --------------------------------------NAV BAR------------------------------------------------ -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">SoftMaisto</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="/SoftMaisto/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/SoftMaisto/about.html">About</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">
Reviews
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Softwares Reviews</a></li>
<li><a class="dropdown-item" href="#">Product Reviews</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">--Write for us--</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/SoftMaisto/contact.html">Contact Us</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search Here....." aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- --------------------------------------NAV BAR END------------------------------------------------ -->
<!-- --------------------------------------ABOUT KA COPIED CONTENT----------------------------------------------- -->
<!-- --------------------------------------ABOUT KA COPIED CONTENT- ENDS HERE---------------------------------------------- -->
<div class="container my-5">
<div class="row featurette d-flex justify-content-center align-items-center ">
<div class="col-md-7 order-md-1">
<h2>SoftMaisto is Launched on July 7, 2021<span class="text-muted">On Wednesday.</span></h2>
<p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p>
</div>
<div class="col-md-5 order-md-1 ">
<img class="img-fluid " src="https://images.unsplash.com/photo-1540630387975-98b9630cc103?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8aW1hYyUyMHdoaXRlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60" alt="" width="500px">
</div>
</div>
<div class="row featurette d-flex justify-content-center align-items-center ">
<div class="col-md-7 order-md-2 mx-0" >
<h2 class="featurette-heading">That's how we established <span class="text-muted">Check the whole.</span></h2>
<p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p>
</div>
<div class="col-md-5 order-md-1 img-fluid">
<img class="img-fluid " src="https://images.unsplash.com/photo-1416339306562-f3d12fefd36f?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTd8fGltYWMlMjB3aGl0ZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=900&q=60" alt="" width="500px">
</div>
</div>
<div class="row featurette d-flex justify-content-center align-items-center ">
<div class="col-md-7 order-md-1 ">
<h2 class="featurette-heading">It's always a good idea to start <span class="text-muted">SoftMaisto</span></h2>
<p class="lead">Another featurette? Of course. More placeholder content here to give you an idea of how this layout would work with some actual real-world content in place.</p>
</div>
<div class="col-md-5 order-md-1 img-fluid">
<img class="img-fluid " src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1652&q=80" alt="" width="500px">
</div>
</div>
</div>
<!-- --------------------------------------ABOUT KA COPIED CONTENT----------------------------------------------- -->
<div class="bg-dark text-secondary px-4 py-5 text-center">
<div class="py-5">
<h1 class="display-5 fw-bold text-white">SoftMaisto</h1>
<div class="col-lg-6 mx-auto">
<p class="fs-5 mb-4">SoftMaisto is a great platform to get a holistic idea about a product and it is actually very useful site for everyone and we all working to improve our site.</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button type="button" class="btn btn-outline-info btn-lg px-4 me-sm-3 fw-bold">Like</button>
<button type="button" class="btn btn-outline-light btn-lg px-4">Pay Us</button>
</div>
</div>
</div>
</div>
<!-- --------------------------------------ABOUT KA COPIED CONTENT END ----------------------------------------------- -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
-->
</body>
</html>