-
Notifications
You must be signed in to change notification settings - Fork 0
/
formal.html
111 lines (106 loc) · 7.36 KB
/
formal.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
<!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">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Font Awsome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- AOS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- Swiper -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
<!-- Custom Styles -->
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="./icon.png">
<title>Tailor Shop</title>
</head>
<body style="overflow-x: hidden;">
<div id="main">
<header class="row m-0">
<div class="col d-flex justify-content-center pt-2" >
<a data-aos-duration="1000" data-aos="flip-right" href="index.html">
<img alt="Logo" width="184" src="./img/logo.png"></a>
</div>
</header>
<nav id="navbar" class="navbar navbar-expand-lg snow-bg pl-2">
<a class="navbar-brand hide ml-3" href="index.html" id="navbar-brand"><img alt="Logo" src="img/logo.png" width="120"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav" aria-controls="nav" aria-label="Toggle Navigation">
<i class="fas fa-bars eastBay-fg fa-2x"></i>
</button>
<div class="collapse navbar-collapse eastBay-fg w-100" id="nav">
<ul class="navbar-nav justify-content-center w-100 mt-2">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Services</a>
<div class="dropdown-menu eastBay-bg snow-fg" style="border: none;">
<a class="dropdown-item " href="alteration.html">Alteration</a>
<a class="dropdown-item " href="repairs.html">Repairs</a>
<a class="dropdown-item " href="bridal.html">Bridal</a>
<a class="dropdown-item active" href="formal.html">Formal</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#contact">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="img-bg" style="height: 530px;background-image: url('img/fancycrave-254184-unsplash.jpg');">
<h1 class="page-title eastBay-fg">Services: Formal</h1>
</div>
<main class="container p-4">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin. Massa ultricies mi quis hendrerit dolor magna eget est lorem. Sollicitudin tempor id eu nisl nunc. Convallis aenean et tortor at risus. Nec dui nunc mattis enim ut tellus elementum. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. In egestas erat imperdiet sed euismod nisi porta lorem mollis. Mattis molestie a iaculis at erat pellentesque adipiscing. Nibh praesent tristique magna sit amet purus gravida.
</p>
<p>
Adipiscing tristique risus nec feugiat in fermentum. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Sollicitudin nibh sit amet commodo nulla facilisi. Purus ut faucibus pulvinar elementum integer enim neque volutpat ac. Lacinia quis vel eros donec ac odio tempor. Ut placerat orci nulla pellentesque dignissim enim sit amet venenatis. Ornare arcu odio ut sem nulla pharetra diam. Nunc non blandit massa enim nec dui. Vitae purus faucibus ornare suspendisse sed nisi. Semper auctor neque vitae tempus quam pellentesque nec nam.
</p>
</main>
<footer>
<div class="row pancho-bg eastBay-fg p-4 pt-3 m-0 justify-content-center">
<div class="col-lg-4 col-md-6 mt-4 d-flex justify-content-center align-items-center">
<p class="m-0" style="height:max-content;font-size: 1.2rem">email@tailorshop.com | (123) 456 789</p>
</div>
<div class="col-lg-4 com-md-6 mt-4 d-flex justify-content-center">
<a href="index.html">
<img alt="Logo" src="img/logo.png" width="140">
</a>
</div>
<div class="col-lg-4 col-md-6 mt-4 d-flex justify-content-center align-items-center">
<div style="height: max-content">
<a class="m-1" href="https://facebook.com"><i class="fab fa-facebook-f fa-2x"></i></a>
<a class="m-1" href="https://instagram.com"><i class="fab fa-instagram fa-2x"></i></a>
<a class="m-1" href="https://twitter.com"><i class="fab fa-twitter fa-2x"></i></a>
<a class="m-1" href="https://pintreset.com"><i class="fab fa-pinterest-p fa-2x"></i></a>
</div>
</div>
</div>
<div class="row m-0 eastBay-fg" style="background-color: #BD9E7C">
<p class="col-12 text-center mt-2">© Copyright 2019</p>
</div>
</footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- AOS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- Swiper -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<!-- Custom Scripts -->
<script src="js/main.js"></script>
</body>
</html>