Hello,
I want to split my html code into two files (index.html and contact.html). At the moment I have in my index.html this :
I would like to put the part (ModalContact) in a contact.html file !!!
After several searches I can't find the solution
Thanks for your help
I want to split my html code into two files (index.html and contact.html). At the moment I have in my index.html this :
HTML:
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="css/style.css">
<title>Coucou</title>
</head>
<body>
<!-- BOTTOM NAV -->
<nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top">
<div class="container col-auto">
<div class="collapse navbar-collapse" id="navbarNav" class="row justify-content-center">
<a href="#" data-bs-toggle="modal" data-bs-target="#ContactModal" class="btn btn-brand ms-lg-3">Contact</a>
</div>
</div>
</nav>
<!-- Modal -->
<div class="modal fade" id="ContactModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-0">
<div class="container-fluid">
<div class="row gy-4">
<div class="col-lg-8">
<form class="p-lg-5 col-12 row g-3">
<div class="col-lg-6">
<label for="userName" class="form-label">First name</label>
<input type="text" class="form-control" placeholder="Jon" id="userName"
aria-describedby="emailHelp">
</div>
<div class="col-12">
<button type="submit" class="btn btn-brand">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
I would like to put the part (ModalContact) in a contact.html file !!!
After several searches I can't find the solution
Thanks for your help