77 lines
2.4 KiB
HTML
77 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="TemplateMo" />
|
|
|
|
<title>Mohammed Al-yaseen</title>
|
|
|
|
<!-- CSS FILES -->
|
|
<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=DM+Sans:wght@400;500;700&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="css/bootstrap-icons.css" rel="stylesheet" />
|
|
<link href="css/magnific-popup.css" rel="stylesheet" />
|
|
<link href="css/templatemo-first-portfolio-style.css" rel="stylesheet" />
|
|
<link rel="icon" href="images/logo.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Include Header -->
|
|
<div id="header"></div>
|
|
|
|
<main>
|
|
<!-- Include Hero Section -->
|
|
<div id="hero"></div>
|
|
|
|
<!-- Include About Section -->
|
|
<div id="about"></div>
|
|
|
|
<!-- Include Featured Section -->
|
|
<div id="featured"></div>
|
|
|
|
<!-- Include Projects Section -->
|
|
<div id="projects"></div>
|
|
|
|
<!-- Include Services Section -->
|
|
<div id="services"></div>
|
|
|
|
<!-- Include Contact Section -->
|
|
<div id="contact"></div>
|
|
</main>
|
|
|
|
<!-- Include Footer -->
|
|
<div id="footer"></div>
|
|
|
|
<!-- JAVASCRIPT FILES -->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.sticky.js"></script>
|
|
<script src="js/click-scroll.js"></script>
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/magnific-popup-options.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
|
|
<!-- Load Components -->
|
|
<script>
|
|
$(document).ready(function () {
|
|
// Load components
|
|
$("#header").load("components/header.html");
|
|
$("#hero").load("components/hero.html");
|
|
$("#about").load("components/about.html");
|
|
$("#featured").load("components/featured.html");
|
|
$("#services").load("components/services.html");
|
|
$("#projects").load("components/projects.html");
|
|
$("#contact").load("components/contact.html");
|
|
$("#footer").load("components/footer.html");
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|