581 lines
30 KiB
PHP
581 lines
30 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<title>Snexo - Kent Clearance Solution</title>
|
|
<!-- Favicon-->
|
|
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
|
|
<!-- Font Awesome icons (free version)-->
|
|
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
|
|
<!-- Google fonts-->
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
|
|
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
|
|
<!-- Core theme CSS (includes Bootstrap)-->
|
|
<link href="css/styles.css" rel="stylesheet" />
|
|
<!--<link href="css/scroll-behaviour.css" rel="stylesheet" /> -->
|
|
</head>
|
|
<body id="page-top">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">Snexo</a>
|
|
<button class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
Menu
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a></li>
|
|
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Portfolio</a></li>
|
|
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Masthead-->
|
|
<header class="masthead bg-primary text-white text-center">
|
|
<div class="container d-flex align-items-center flex-column">
|
|
<!-- Masthead Avatar Image-->
|
|
<img class="masthead-avatar mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Masthead Heading-->
|
|
<h1 class="masthead-heading text-uppercase mb-0">Snexo</h1>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom divider-light">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Masthead Subheading-->
|
|
<p class="masthead-subheading font-weight-light mb-0">We Buy Your Unwanted Items</p>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- About Section-->
|
|
<section class="page-section mb-0" id="about">
|
|
<div class="container">
|
|
<!-- About Section Heading-->
|
|
<h2 class="page-section-heading text-center text-uppercase">About</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- About Section Content-->
|
|
<div class="row">
|
|
<div class="col-lg-4 ml-auto"><p class="lead">Snexo is a Kent based Clearance Solution specialising in contents evaluation and removal. Once arranged, we will come to you and discuss a fair price in exchange for your unwanted possesions</p></div>
|
|
<div class="col-lg-4 mr-auto"><p class="lead">Why waste your time calling in removal men, watching the money fly right out of your pocket when you could stand back and let us do all the work? It's a no brainer!</p></div>
|
|
</div>
|
|
<!-- About Section Button-->
|
|
<div class="text-center mt-4">
|
|
<a class="btn btn-xl btn-outline-dark js-scroll-trigger" href="#contact">
|
|
|
|
Contact Us Today
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Portfolio Section-->
|
|
<section class="page-section bg-primary text-white portfolio" id="portfolio">
|
|
<div class="container">
|
|
<!-- Portfolio Section Heading-->
|
|
<h2 class="page-section-heading text-center text-uppercase text-white mb-0">Portfolio</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom divider-light">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Grid Items-->
|
|
<div class="row justify-content-center">
|
|
<!-- Portfolio Item 1-->
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal1">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Item 2-->
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal2">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Item 3-->
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal3">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Item 4-->
|
|
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal4">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Item 5-->
|
|
<div class="col-md-6 col-lg-4 mb-5 mb-md-0">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal5">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Item 6-->
|
|
<div class="col-md-6 col-lg-4">
|
|
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal6">
|
|
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
|
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
|
</div>
|
|
<img class="img-fluid" src="assets/img/placeholder.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Contact Section-->
|
|
<section class="page-section" id="contact">
|
|
<div class="container">
|
|
<!-- Contact Section Heading-->
|
|
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">Contact Me</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Contact Section Form-->
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19.-->
|
|
<form id="contactForm" name="sentMessage" novalidate="novalidate">
|
|
<div class="control-group">
|
|
<div class="form-group floating-label-form-group controls mb-0 pb-2">
|
|
<label>Name</label>
|
|
<input class="form-control" id="name" type="text" placeholder="Name" required="required" data-validation-required-message="Please enter your name." />
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="form-group floating-label-form-group controls mb-0 pb-2">
|
|
<label>Email Address</label>
|
|
<input class="form-control" id="email" type="email" placeholder="Email Address" required="required" data-validation-required-message="Please enter your email address." />
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="form-group floating-label-form-group controls mb-0 pb-2">
|
|
<label>Phone Number</label>
|
|
<input class="form-control" id="phone" type="tel" placeholder="Phone Number" required="required" data-validation-required-message="Please enter your phone number." />
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="form-group floating-label-form-group controls mb-0 pb-2">
|
|
<label>Message</label>
|
|
<textarea class="form-control" id="message" rows="5" placeholder="Message" required="required" data-validation-required-message="Please enter a message."></textarea>
|
|
<p class="help-block text-danger"></p>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div id="success"></div>
|
|
<div class="form-group"><button class="btn btn-primary btn-xl" id="sendMessageButton" type="submit">Send</button></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Footer-->
|
|
<footer class="footer text-center">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Footer Location-->
|
|
<div class="col-lg-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Location</h4>
|
|
<p class="lead mb-0">
|
|
Chris Martin
|
|
<br />
|
|
Ashford, Kent
|
|
</p>
|
|
</div>
|
|
<!-- Footer Social Icons-->
|
|
<div class="col-lg-4 mb-5 mb-lg-0">
|
|
<h4 class="text-uppercase mb-4">Around the Web</h4>
|
|
<a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-facebook-f"></i></a>
|
|
<a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-twitter"></i></a>
|
|
<a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-linkedin-in"></i></a>
|
|
<a class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-instagram"></i></a>
|
|
</div>
|
|
<!-- Footer About Text-->
|
|
<div class="col-lg-4">
|
|
<h4 class="text-uppercase mb-4">Thanks for Visiting</h4>
|
|
<p class="lead mb-0">
|
|
Be sure to get in touch for your free evaluation!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Copyright Section-->
|
|
<div class="copyright py-4 text-center text-white">
|
|
<div class="container"><small>Copyright © Snexo <?php echo date("Y"); ?></small></div>
|
|
</div>
|
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes)-->
|
|
<div class="scroll-to-top d-lg-none position-fixed">
|
|
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Portfolio Modals-->
|
|
<!-- Portfolio Modal 1-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal1Label">1</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 2-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-labelledby="portfolioModal2Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal2Label">2</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 3-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-labelledby="portfolioModal3Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal3Label">3</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 4-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-labelledby="portfolioModal4Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal4Label">4</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 5-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-labelledby="portfolioModal5Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal5Label">5</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Portfolio Modal 6-->
|
|
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-labelledby="portfolioModal6Label" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fas fa-times"></i></span>
|
|
</button>
|
|
<div class="modal-body text-center">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<!-- Portfolio Modal - Title-->
|
|
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0" id="portfolioModal6Label">6</h2>
|
|
<!-- Icon Divider-->
|
|
<div class="divider-custom">
|
|
<div class="divider-custom-line"></div>
|
|
<div class="divider-custom-icon"><i class="fas fa-angle-down"></i></div>
|
|
<div class="divider-custom-line"></div>
|
|
</div>
|
|
<!-- Portfolio Modal - Image-->
|
|
<img class="img-fluid rounded mb-5" src="assets/img/placeholder.png" alt="" />
|
|
<!-- Portfolio Modal - Text-->
|
|
<p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
|
<button class="btn btn-primary" data-dismiss="modal">
|
|
<i class="fas fa-times fa-fw"></i>
|
|
Close Window
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Third party plugin JS-->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
|
|
<!-- Contact form JS-->
|
|
<script src="assets/mail/jqBootstrapValidation.js"></script>
|
|
<script src="assets/mail/contact_me.js"></script>
|
|
<!-- Core theme JS-->
|
|
<script src="js/scripts.js"></script>
|
|
</body>
|
|
</html>
|