Lorem ipsum dolor, sit amet consectetur adipisicing elit. Similique delectus ut velit ducimus quaerat quisquam, ex, suscipit deleniti illum consequatur omnis deserunt, placeat facere quasi dolores cupiditate non error necessitatibus! Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Read More<!-- About Section -->
<section class="about">
<div class="container">
<h3 class="bg-dark-line"><span>About Us</span></h3>
<p class="lead">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi beatae nobis officiis illum
quo eum deserunt fuga numquam! Provident sint iusto, doloremque quae consectetur ipsa
harum minus enim in possimus. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Quasi beatae nobis officiis illum quo eum deserunt fuga numquam! Provident sint iusto,
doloremque quae consectetur ipsa harum minus enim in possimus. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Quasi beatae nobis officiis illum quo eum deserunt fuga
numquam! Provident sint iusto, doloremque quae consectetur ipsa harum minus enim in
possimus.
</p>
<p class="lead">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique debitis neque
exercitationem. A, consequatur magnam asperiores impedit adipisci perferendis ab aperiam!
Voluptatum ducimus ratione maiores. Et ut maxime accusamus mollitia. Lorem ipsum dolor,
sit amet consectetur adipisicing elit. Iusto, fuga. Voluptatibus, tenetur veritatis
ratione tempore optio quas debitis quis accusamus culpa maiores dolor facilis obcaecati
aspernatur suscipit cupiditate perspiciatis minus?
</p>
</div>
</section>
<!-- Our Services -->
<div id="services">
<div class="container">
<h3 class="bg-dark-line"><span>Services</span></h3>
<div class="box bg-primary">
<h2>Web Designing</h2>
<i class="fa-solid fa-paintbrush fa-4x"></i>
<p class="lead">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam iusto, pariatur sint
culpa vero impedit ex tenetur doloremque, nihil corrupti, amet soluta? Earum, quidem
culpa.
</p>
</div>
<div class="box light-gray">
<h2>Web Development</h2>
<i class="fa-solid fa-code fa-4x"></i>
<p class="lead">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam iusto, pariatur sint
culpa vero impedit ex tenetur doloremque, nihil corrupti, amet soluta? Earum, quidem
culpa.
</p>
</div>
<div class="box bg-primary">
<h2>Desktop Application</h2>
<i class="fa-solid fa-desktop fa-4x"></i>
<p class="lead">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam iusto, pariatur sint
culpa vero impedit ex tenetur doloremque, nihil corrupti, amet soluta? Earum, quidem
culpa.
</p>
</div>
</div>
</div>
<div class="clr"></div>
<!-- Authors -->
<div id="authors">
<div class="container">
<h3><span>Authors</span></h3>
<div class="auth">
<img src="./img/Authors/person1.png" alt="" />
<p class="names">John Doe</p>
<p>Admin</p>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem aut quod, earum
quaerat eveniet doloribus quasi nam est illo reiciendis fugiat sit blanditiis omnis
cumque quos error temporibus quisquam eligendi?
</p>
</div>
<div class="auth">
<img src="./img/Authors/person4.png" alt="" />
<p class="names">Suzi</p>
<p>Manager</p>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem aut quod, earum
quaerat eveniet doloribus quasi nam est illo reiciendis fugiat sit blanditiis omnis
cumque quos error temporibus quisquam eligendi?
</p>
</div>
<div class="auth">
<img src="./img/Authors/person3.png" alt="" />
<p class="names">Jason</p>
<p>Accountant</p>
<p class="lead">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem aut quod, earum
quaerat eveniet doloribus quasi nam est illo reiciendis fugiat sit blanditiis omnis
cumque quos error temporibus quisquam eligendi?
</p>
</div>
</div>
</div>
<!-- Contact -->
<div id="contact">
<div class="container">
<h3><span>Contact Us</span></h3>
<div class="contact-form">
<form action="process.php">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" />
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="name" />
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<button type="button" class="btn">Submit</button>
</form>
</div>
</div>
</div>
<footer id="main-footer">
<div class="container">
<p>
The Hub of Technology Design by
<a href="https://onlineittuts.com"> OnlineITtuts </a> © 2022
</p>
</div>
</footer>
}
button { background-color: #4CAF50; width: 100%; color: orange; padding: 15px; margin: 10px 0px; border: none; cursor: pointer; } form { border: 3px solid #f1f1f1; } input[type=text], input[type=password] { width: 100%; margin: 8px 0; padding: 12px 20px; display: inline-block; border: 2px solid orange; box-sizing: border-box; } button:hover { opacity: 0.7; } .cancelbtn { width: auto; padding: 10px 18px; margin: 10px 5px; }
</style>