forked from ManojLL/web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (65 loc) · 2.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home page</title>
<!--google fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="index.css">
</head>
<body>
<!-- hero section goes here-->
<div class="home-hero">
<div class="img-container">
<img src="images/image_1.jpg" alt="home-zero background">
</div>
</div>
<!--zero section ends here-->
<div class="row">
<div class="col-12">
<h1 class="text-center">Welcome to Fashion Fusion store</h1>
<p class="text-center">
At Fashion Fusion store, we bring you the latest trends in fashion with a unique blend of Sri Lankan
heritage and modern design. Our collection is crafted with care, combining quality fabrics,
innovative styles, and attention to detail to offer you clothing that's not just stylish but also
comfortable and durable.
</p>
</div>
</div>
<!--nav bar strats here-->
<nav class="navbar navbar-default" style="border-radius: 0px;">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
SAvin___R
</a>
</div>
<ul class="nav navbar-nav">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</nav>
<!--nav bar ends here-->
<div class="card-container">
<div class="card" style="width:400px">
<img class="card-img-top" src="/images/tshirtorange.jpg" alt="Card image">
</div>
<div class="card" style="width:400px">
<img class="card-img-top" src="/images/tshirtblue.jpg" alt="Card image">
</div>
<div class="card" style="width:400px">
<img class="card-img-top" src="/images/tshirtblack.jpg" alt="Card image">
</div>
</div>
</body>
</html>