Skip to content

Commit

Permalink
Upload all files 3 June 23
Browse files Browse the repository at this point in the history
  • Loading branch information
locksmithex committed Jun 3, 2023
1 parent be5bfc7 commit a30c0eb
Show file tree
Hide file tree
Showing 7 changed files with 530 additions and 98 deletions.
114 changes: 114 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="en">
<head>

<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>About | Chicagoland Locksmith Service</title>
<meta name="description" content="Chicagoland Locksmith Service - Trusted Chicago locksmith company for residential and commercial locksmith services in all of Chicago, and a majority of the Chicagoland area.">

<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">

<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">


</head>
<body>

<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->

<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

<header>
<h1 class="title">About</h1>
<h2 class="tagline">Chicagoland Locksmith Service in Chicago, IL</h2>
</header>

<div class="container">
<section class="container-flex" id="about">
<div class="one-column">
<p>Welcome to Chicagoland Locksmith Service, the locksmith company that's got your back in the greater Chicagoland area. We're all about delivering top-notch locksmith solutions and making sure you're super satisfied.</p>
<p>At Chicagoland Locksmith Service, we know how crucial security is for your home, business, and car. That's why our team of highly skilled and experienced locksmith professionals is totally dedicated to meeting your specific needs. Whether you're stuck outside, need new locks, or a key replacement, we've got the know-how to handle it all.</p>
<p>We're proud of how fast we respond and that we're available 24/7. We get it, lock and key issues can happen anytime, so we're always here for you. When you reach out to Chicagoland Locksmith Service, expect quick and reliable service from our awesome technicians. We'll make sure your locksmith problems are taken care of in the best possible way.</p>
<p>Our locksmith services cover everything you need for your home, business, or car. We can install high-quality locks to keep your home safe, upgrade your business security systems, or sort out any car lock and key troubles you have. From fixing locks and making new keys to fancy access control solutions, we've got you covered. Our team knows their stuff and has the right tools to get the job done right.</p>
<p>We believe in using the best products and cutting-edge technology for your security needs. We work with trusted brands to bring you reliable and long-lasting locksmith products that give you peace of mind.</p>
<p>At Chicagoland Locksmith Service, we're all about being fair and providing excellent customer service. Our prices are competitive, and we'll give you clear quotes upfront, so you know what to expect. We're all about building long-term relationships with our clients based on trust, integrity, and super service.</p>
<p>When you choose Chicagoland Locksmith Service, you're choosing a locksmith company that's got your back. Call us today at [phone number] to experience our reliable and professional locksmith services. Our friendly team is ready to help you and give you the peace of mind you deserve. You can trust Chicagoland Locksmith Service for all your locksmith needs in the Chicagoland area.</p>

</div>
</section>

<section class="container-flex" id="servicebox">
<div class="three-column">
<h4>Residential</h4>
<p>Locksmith services for homes in Chicago, Illinois.</p>
</div>
<div class="three-column">
<h4>Commercial</h4>
<p>Locksmith services for businesses in Chicago, Illinois.</p>
</div>
<div class="three-column">
<h4>Mobile</h4>
<p>Locksmith services at your home or business anywhere in Chicago, IL.</p>
</div>
</section>

<section class="container-flex" id="services">
<div class="one-column">
<h3>Our Locksmith Services</h3>
</div>
<div class="two-column">
<ul>
<li>Emergency lockout assistance</li>
<li>Lock repair and installation</li>
<li>Rekeying and key duplication</li>
<li>Master key system installation</li>
<li>High-security lock installation</li>
</ul>
</div>
<div class="two-column">
<ul>
<li>Keyless entry systems</li>
<li>Safe and vault services</li>
<li>Automotive locksmith services</li>
<li>Commercial locksmith services</li>
<li>Residential locksmith services</li>
</div>
</section>

<section id="contact">
<h3>Contact Chicagoland Locksmith Service Today!</h3>
<p>Don't compromise on the security of your property or the safety of your loved ones. Trust Chicagoland Locksmith Service to provide reliable, efficient, and affordable locksmith solutions in Chicago. Our dedicated team is ready to assist you whenever you need us.</p>
<p>Contact us today for all your locksmith needs or to request a free quote. We look forward to serving you!</p>
</section>

</div>

<footer id="footer">
<div class="container">
<p>&copy; <a href="/">Chicagoland Locksmith Service</a> &mdash; Local Locksmith Services in Chicago, IL</p>
</div>
</footer>

<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>
82 changes: 82 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">
<head>

<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Contact Us | Chicagoland Locksmith Service</title>
<meta name="description" content="Chicagoland Locksmith Service provides residential and commercial locksmith services in all of Chicago, and a majority of the Chicagoland area.">

<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">

<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">


</head>
<body>

<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->

<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

<header>
<h1 class="title">Contact Us</h1>
<h2 class="tagline">Chicagoland Locksmith Service in Chicago, IL</h2>
</header>

<div class="container">

<section class="container-flex" id="about">
<div class="four-column">
<img src="images/mascot-contact.jpg" alt="A man holding key">
</div>
<div class="two-column">
<p><a href="/">Chicagoland Locksmith Service</a> provides professional locksmith services, including residential and commercial locksmith services, in all of the Chicagoland area in Illinois. Our locksmith technicians are skilled professionals who can handle all your locksmith service requirements with perfection.</p>
<p>Connect with us today to learn more about our services and how we can help make your home and business more secure. Get a free quote for your security needs today!</p>
</div>
</section>

<section class="container-flex" id="servicebox">
<div class="one-column">
<p>Address: Chicago, Illinois</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1525323.595673682!2d-89.25511047036596!3d41.69574822461134!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e444c8c99e083%3A0xda7b840a9a579334!2sChicago%20Metropolitan%20Area%2C%20USA!5e0!3m2!1sen!2sus!4v1685788192282!5m2!1sen!2sus" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>


<section id="contact">
<h3>Contact Chicagoland Locksmith Service Today!</h3>
<p>Don't compromise on the security of your property or the safety of your loved ones. Trust Chicagoland Locksmith Service to provide reliable, efficient, and affordable locksmith solutions in Chicago. Our dedicated team is ready to assist you whenever you need us.</p>
<p>Contact us today for all your locksmith needs or to request a free quote. We look forward to serving you!</p>
</section>

</div>

<footer id="footer">
<div class="container">
<p>&copy; <a href="/">Chicagoland Locksmith Service</a> &mdash; Local Locksmith Services in Chicago, IL</p>
</div>
</footer>

<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>
131 changes: 131 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
body {
margin: 0;
padding: 0;
color: #222;
}

a {
color: #218bff;
text-decoration: underline;
}

a:hover {
color: #222;
}

h1, h2, h3, h4 {
text-align: center;
}

img {
max-width: 100%;
}

header {
background-color: #0085f230;
padding: 40px;
}

.title{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.1;
}

.tagline{
font-size: 20px;
font-weight: normal;
line-height: 1.1;
}

nav {
background: #333;
color: #f9f9f9;
padding: 10px;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}

nav ul li {
margin-right: 20px;
}

nav ul li a,
nav ul li a:hover {
color: #fff;
text-decoration: none;
}

.container {
margin: 40px 20px;
}

section {
padding: 40px;
}

.container-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.one-column {
flex-basis: 100%; /* Adjust the width of each column as needed */
margin-bottom: 20px; /* Adjust the gap between columns as needed */
}

.two-column {
flex-basis: calc(50% - 20px); /* Adjust the width of each column as needed */
margin-right: 20px; /* Adjust the gap between columns as needed */
margin-bottom: 20px; /* Adjust the gap between columns as needed */
}

.three-column {
flex-basis: calc(33% - 20px); /* Adjust the width of each column as needed */
margin-right: 20px; /* Adjust the gap between columns as needed */
margin-bottom: 20px; /* Adjust the gap between columns as needed */
}

.four-column {
flex-basis: calc(25% - 20px); /* Adjust the width of each column as needed */
margin-right: 20px; /* Adjust the gap between columns as needed */
margin-bottom: 20px; /* Adjust the gap between columns as needed */
}

section#servicebox {
background: #e6f4ea;
border-radius: 10px;
}

section#contact {
background: #0085f230;
border-radius: 10px;
}

footer#footer {
padding: 40px;
background: #0085f230;
border-radius: 10px;
margin-top: 50px;
text-align: center;
}

@media (max-width: 768px) {

.one-column,
.two-column,
.three-column,
.four-column {
flex-basis: 100%; /* Adjust the width of each column as needed */
}


}
Binary file added images/mascot-contact.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mascot-key.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit a30c0eb

Please sign in to comment.