I will incorporate all three images into the webpage. Here's the updated HTML file including the new images:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joel Lobb - Kentucky Mortgage Specialist</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
header {
background: #333;
color: #fff;
padding-top: 30px;
min-height: 70px;
border-bottom: #77aaff 3px solid;
}
header a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
header ul {
padding: 0;
list-style: none;
}
header li {
float: left;
display: inline;
padding: 0 20px 0 20px;
}
header #branding {
float: left;
}
header #branding h1 {
margin: 0;
}
header nav {
float: right;
margin-top: 10px;
}
.showcase {
min-height: 400px;
background: url('https://www.mylouisvillekentuckymortgage.com/img/joel.jpg') no-repeat 0 -400px;
text-align: center;
color: #fff;
}
.showcase h1 {
margin-top: 100px;
font-size: 55px;
margin-bottom: 10px;
}
.showcase p {
font-size: 20px;
}
#main {
padding: 20px;
background: #fff;
}
.box {
float: left;
width: 30%;
padding: 10px;
text-align: center;
}
.box img {
width: 90px;
height: 90px;
}
.box h3 {
margin: 10px 0 10px;
}
footer {
padding: 20px;
margin-top: 20px;
color: #fff;
background-color: #333;
text-align: center;
}
.contact-info {
margin: 20px 0;
}
.contact-info p {
font-size: 16px;
}
.images {
text-align: center;
margin: 20px 0;
}
.images img {
max-width: 100%;
height: auto;
margin: 10px;
}
</style>
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1>Joel Lobb - Mortgage Solutions</h1>
</div>
<nav>
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="showcase">
<div class="container">
<h1>Kentucky Mortgage Specialist</h1>
<p>Helping Kentucky families achieve their homeownership dreams</p>
</div>
</section>
<section id="main" class="container">
<div id="about">
<h2>A Little About Me</h2>
<p>I have helped over 1300 Kentucky families buy or refinance their home over the last 20 years. Realizing that this is one of the biggest, most important financial transactions a family makes during their lifetime, I always feel honored and respected when I am chosen to originate their personal home loan. You can count on me to deliver on what I say, and I will always give you honest, up-front personal attention you deserve during the loan process.</p>
<p>I have several advantages over the large banks in town. First, I can search and negotiate for your loan options through several different mortgage companies across the country to get you the best deal locally. Where most banks will offer offer you their one set of loan products. I have access to over 10 different mortgage companies to broker your loan through to get you the best pricing and loan products that may not fit into the bank's program due to credit, income, or other underwriting issues.</p>
<p>You will not get lost in the shuffle like most borrowers do at the mega banks; you're just not a number at our company, you are a person and we will treat you like one throughout the entire process.</p>
<p>Give us a try or let us compare your options on your next mortgage transaction. Call/text at 502-905-3708. Free Mortgage Pre-Qualifications same day on most applications.</p>
</div>
<div id="services">
<h2>Services</h2>
<div class="box">
<img src="https://www.mylouisvillekentuckymortgage.com/img/fha.png" alt="FHA Loans">
<h3>FHA Loans</h3>
</div>
<div class="box">
<img src="https://www.mylouisvillekentuckymortgage.com/img/va.png" alt="VA Loans">
<h3>VA Loans</h3>
</div>
<div class="box">
<img src="https://www.mylouisvillekentuckymortgage.com/img/usda.png" alt="USDA Loans">
<h3>USDA Loans</h3>
</div>
<div class="box">
<img src="https://www.mylouisvillekentuckymortgage.com/img/khc.png" alt="KHC Loans">
<h3>KHC Loans</h3>
</div>
<div class="box">
<img src="https://www.mylouisvillekentuckymortgage.com/img/fanniemae.png" alt="Fannie Mae Loans">
<h3>Fannie Mae Loans</h3>
</div>
</div>
<div class="images">
<h2>Special Offers</h2>
<img src="/mnt/data/image.png" alt="Special Offer 1">
<img src="/mnt/data/image.png" alt="Special Offer 2">
<img src="/mnt/data/image.png" alt="Loan Comparison">
</div>
<div class="contact-info">
<h2>Contact Me</h2>
<p>Email: <a href="mailto:kentuckyloan@gmail.com">kentuckyloan@gmail.com</a></p>
<p>Phone: 502-905-3708</p>
<p>Fax: 502-327-9119</p>
</div>
</section>
<footer>
<p>Joel Lobb | NMLS# 57916 | Company ID: #1364 | Equal Housing Lender</p>
</footer>
</body>
</html>
```
Please save this code in an HTML file and open it in your browser to see the updated webpage. If you need any further modifications or have additional details to include, feel free to let me know!
Leave a reply
KENTUCKY VA MORTGAGE LENDER 