-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
128 lines (115 loc) · 6.43 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
<!DOCTYPE html>
<html>
<head>
<title>Tile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap Required Packages -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"></script>
<!-- Social Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="Favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="Favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="Favicon/favicon-16x16.png">
<link rel="manifest" href="Favicon/site.webmanifest">
<!-- Custom JS and CSS -->
<script src="script.js"></script>
<link rel="stylesheet" href="styles.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar sticky-top navbar-expand-md navbar-light bg-light shadow">
<div class="d-flex w-100 order-0">
<div class="w-100">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<a class="navbar-brand text-center w-100" href="index.html">
<img class="logo" src="Photos/logo.png">
</a>
<span class="w-100"></span>
</div>
<span class="w-100"></span>
<div class="collapse navbar-collapse w-100 order-sm-1 order-lg-1" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="staff.html">Staff</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row" style="margin-top: 20px; margin-bottom: 20px;">
<div class="col-lg-6 col-md-12 col-sm-12 pad">
<div class="card bg-white text-black fadeIn">
<img src="Photos/abt-overlay.jpg" class="abt-shadow abt-img">
<div class="card-img-overlay text-center d-flex flex-column justify-content-center abt-bg">
<h2 class="card-title">A Business You Can Trust</h2>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 pad">
<h1 style="font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 44px;"><u>About Us</u></h1>
<h3></h3>
<p style="font-weight: 200; padding-top:20px; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 150%;">
Tile is a homegrown tile company born right here in Saint Louis, MO. Founded in 2020, we have grown steadily over the last 3 months becoming Saint Louis's premier tile installation specialists. Our installers have 16 years experience in the tiling industry, we are experts in classic and modern tile design as well as the latest methods of tile installation. No job is too big or too small, so give us a call, send us an email or visit our showroom to discuss your tile project.
</p>
</div>
</div>
</div>
<footer class="footer">
<div class="row pad">
<div class="text-center col-lg-4 col-sm-12 col-md-6">
<h3>Hours</h3>
<ul style="list-style-type: none;">
<li>Monday 7am - 9pm</li>
<li>Tuesday 7am - 9pm</li>
<li>Wednesday 7am - 9pm</li>
<li>Thrusday 7am - 9pm</li>
<li>Friday 7am - 9pm</li>
<li>Saturday Closed</li>
<li>Sunday Closed</li>
</ul>
</div>
<div class="text-center col-lg-4 col-sm-12 col-md-6">
<h3>Location</h3>
<div><iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3116.537303749406!2d-90.23277818424019!3d38.63652416988313!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87d8b4a38dd26b3b%3A0xb8419317e7b4cdbd!2sMidtown%2C%20St.%20Louis%2C%20MO%2063103!5e0!3m2!1sen!2sus!4v1604187029371!5m2!1sen!2sus"
width="400" height="230" frameborder="0" style="border:0;" allowfullscreen=""
aria-hidden="false" tabindex="0"></iframe></div>
</div>
<div class="text-center col-lg-4 col-sm-12 col-md-6">
<h3>Get In Touch</h3>
<a href="https://www.facebook.com" class="fa fa-facebook fa-3x"></a>
<a href="https://www.twitter.com" class="fa fa-twitter fa-3x"></a>
<a href="https://www.instagram.com" class="fa fa-instagram fa-3x"></a>
<a href="mailto:testemail@gmail.com" class="fa fa-envelope-o fa-3x"></a>
</div>
</div>
</footer>
</body>
</html>