126 lines
No EOL
5.9 KiB
HTML
Executable file
126 lines
No EOL
5.9 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
<title>Basoglu Family Hub</title>
|
|
<meta content="" name="description">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<!-- <link href="assets/img/favicon.png" rel="icon"> -->
|
|
<!-- <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> -->
|
|
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Template Main CSS File -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ======= Hero Section ======= -->
|
|
<section id="hero">
|
|
<div class="hero-container">
|
|
<div id="heroCarousel" class="carousel slide carousel-fade" data-bs-interval="false">
|
|
|
|
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
|
|
|
|
<div class="carousel-inner" role="listbox">
|
|
|
|
<!-- Slide 1 -->
|
|
<div class="carousel-item active" style="background-image: url(assets/img/slide/slide-1.jpg);">
|
|
<div class="carousel-container">
|
|
<div class="carousel-content">
|
|
<h2 class="animate__animated animate__fadeInDown">Welcome to <span>Basoglu</span> Family Hub page</h2>
|
|
<p class="animate__animated animate__fadeInUp">This is the family hub page for all members of the Basoglu family. You can browse through the carousel to explore all the websites connected to this page.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2 -->
|
|
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-2.jpg);">
|
|
<div class="carousel-container">
|
|
<div class="carousel-content">
|
|
<h2 class="animate__animated animate__fadeInDown">Batuhan Basoglu's Personal Website</h2>
|
|
<p class="animate__animated animate__fadeInUp">Batuhan Basoglu's personal portfolio website to introduce his work and projects to the people. It is made with HTML, CSS and Javascript</p>
|
|
<a href="https://batuhan.basoglu.co" target="_blank" class="btn-get-started animate__animated animate__fadeInUp scrollto">Visit the Website</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 3 -->
|
|
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-3.jpg);">
|
|
<div class="carousel-container">
|
|
<div class="carousel-content">
|
|
<h2 class="animate__animated animate__fadeInDown">Batuhan Basoglu's Personal Blog</h2>
|
|
<p class="animate__animated animate__fadeInUp">Batuhan Basoglu's personal blog to talk about his views on technology, as well as sharing news and trends in the field. It is made with PHP, HTML, CSS and Javascript</p>
|
|
<a href="https://arcticpress.basoglu.co" target="_blank" class="btn-get-started animate__animated animate__fadeInUp scrollto">Visit the Website</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 4 -->
|
|
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-4.jpg);">
|
|
<div class="carousel-container">
|
|
<div class="carousel-content">
|
|
<h2 class="animate__animated animate__fadeInDown">Batuhan Basoglu's Git Hosting Website</h2>
|
|
<p class="animate__animated animate__fadeInUp">Batuhan Basoglu's git hosting website to host public and private projects.</p>
|
|
<a href="https://arcticpress.basoglu.co" target="_blank" class="btn-get-started animate__animated animate__fadeInUp scrollto">Visit the Website</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon bi bi-chevron-double-left" aria-hidden="true"></span>
|
|
</a>
|
|
|
|
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon bi bi-chevron-double-right" aria-hidden="true"></span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</section><!-- End Hero -->
|
|
|
|
<!-- ======= Footer ======= -->
|
|
<footer id="footer">
|
|
|
|
<div class="container">
|
|
<div class="copyright">
|
|
© Copyright <strong><span>Batuhan Başoğlu</span></strong>. All Rights Reserved
|
|
</div>
|
|
</div>
|
|
</footer><!-- End Footer -->
|
|
|
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
|
|
<!-- Template Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |