-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (103 loc) · 5 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>KDCHAT</title>
<!-- bootstrap cdns start -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- bootstrap cdns end -->
<!-- style sheets start-->
<link rel="stylesheet" href="style.css">
<!-- style sheet ends -->
</head>
<body>
<!-- navbar start -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<!-- container start -->
<div class="container">
<a class="navbar-brand" href="#">KDCHAT</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutus">AboutUs</a>
</li>
</ul>
<ul class="navbar-nav justify-content-end">
<li class="nav-item">
<a class="nav-link" href="login.html"> Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="signup.html">SignUp</a>
</li>
</ul>
</div>
</div>
<!-- container end -->
</nav>
<!-- navbar end -->
<!-- carousel start -->
<div id="carouselExampleIndicators" class="carousel slide mb-4" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 align-items-center" src="imgs/p1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 align-items-center" src="imgs/p2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 align-items-center" src="imgs/p3.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- carousel end -->
<!-- about us start -->
<div class="container" id="aboutus">
<h2 class="text-center">About Us</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae ullam quasi vitae commodi enim
mollitia quisquam explicabo asperiores a exercitationem atque, ratione aperiam magni veritatis
labore adipisci inventore quos sed!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dignissimos facilis provident assumenda
sapiente quidem maxime ad inventore et esse. Repudiandae nisi facere architecto in, blanditiis hic
necessitatibus officia iusto quidem.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum odio, iure nihil, eligendi suscipit
quam ex inventore placeat deserunt fuga vero sunt, debitis adipisci voluptatum autem facere ipsum
quaerat? Placeat?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis distinctio recusandae praesentium,
nam repellendus, magnam esse reiciendis voluptates mollitia commodi quam quis eum, perspiciatis
dolores similique consequuntur exercitationem facere deserunt.
</p>
</div>
<!-- about us end -->
<!-- footer start -->
<div class="container footer text-center mt-3">
<span>KDCHAT</span>
</div>
<!-- footer end -->
</body>
</html>