2024-03-04 15:01:23 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta content = "width=device-width, initial-scale=1.0" name = "viewport" >
2024-11-11 20:22:53 +00:00
< title > Başoğlu Family Hub< / title >
2024-03-04 15:01:23 +00:00
< 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" >
2024-03-04 15:36:00 +00:00
< div id = "heroCarousel" class = "carousel slide carousel-fade" data-bs-interval = "false" >
2024-03-04 15:01:23 +00:00
< 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" >
2024-11-11 20:22:53 +00:00
< h2 class = "animate__animated animate__fadeInDown" > Welcome to < span > Başoğlu< / span > Family Hub page< / h2 >
< p class = "animate__animated animate__fadeInUp" > This is the family hub page for all members of the Başoğlu family. You can browse through the carousel to explore all the websites connected to this page.< / p >
2024-03-04 15:01:23 +00:00
< / 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" >
2024-11-11 20:22:53 +00:00
< h2 class = "animate__animated animate__fadeInDown" > Batuhan Başoğlu's Personal Website< / h2 >
< p class = "animate__animated animate__fadeInUp" > Batuhan Başoğlu's personal portfolio website to introduce his work and projects to the people. It is made with HTML, CSS and Javascript< / p >
2024-11-22 04:15:07 +00:00
< a href = "https://batuhan.basoglu.ca" target = "_blank" class = "btn-get-started animate__animated animate__fadeInUp scrollto" > Visit the Website< / a >
2024-03-04 15:01:23 +00:00
< / 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" >
2024-11-11 20:22:53 +00:00
< h2 class = "animate__animated animate__fadeInDown" > Batuhan Başoğlu's Personal Blog< / h2 >
< p class = "animate__animated animate__fadeInUp" > Batuhan Başoğlu'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 >
2024-11-22 04:15:07 +00:00
< a href = "https://blog.batuhan.basoglu.ca" target = "_blank" class = "btn-get-started animate__animated animate__fadeInUp scrollto" > Visit the Website< / a >
2024-03-04 15:01:23 +00:00
< / div >
< / div >
< / div >
2024-07-14 13:25:30 +00:00
<!-- Slide 4 -->
< div class = "carousel-item" style = "background-image: url(assets/img/slide/slide-4.jpg);" >
< div class = "carousel-container" >
< div class = "carousel-content" >
2024-11-11 20:22:53 +00:00
< h2 class = "animate__animated animate__fadeInDown" > Batuhan Başoğlu's Git Hosting Website< / h2 >
< p class = "animate__animated animate__fadeInUp" > Batuhan Başoğlu's git hosting website to host public and private projects.< / p >
2024-11-22 04:15:07 +00:00
< a href = "https://git.batuhan.basoglu.ca" target = "_blank" class = "btn-get-started animate__animated animate__fadeInUp scrollto" > Visit the Website< / a >
2024-07-14 13:25:30 +00:00
< / div >
< / div >
< / div >
2024-03-04 15:01:23 +00:00
< / 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" >
2024-11-11 20:22:53 +00:00
© Copyright < strong > < span > Batuhan Berk Başoğlu< / span > < / strong > . All Rights Reserved
2024-03-04 15:01:23 +00:00
< / 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 >
2024-07-11 21:31:02 +00:00
< / html >
