template/book/404.html
Tom van Woudenberg 65959e10cb Added 404 page
2024-05-06 14:11:12 +02:00

152 lines
6.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="TeachBooks" />
<meta name="description" content="Teachers’ Educational Assistance for interaCtive Hands-on Browser-based Online Open Knowledge for Students" />
<meta name="author" content="Tom van Woudenberg" />
<meta name="keywords" content="TeachBooks, interactive, texbooks, lecturers, teachers, TU Delft, Delft University of Technology, Delft, Open, Open Education, students" />
<link rel="shortcut icon" type="image/png" href="404_page/figures/TeachBooks_fav.png"/>
<link rel="icon" type="image/png" href="404_page/figures/TeachBooks_fav.png"/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://teachbooks.tudelft.nl/">
<meta property="og:type" content="website">
<meta property="og:title" content=" TeachBooks ">
<meta property="og:description" content="Teachers’ Educational Assistance for interaCtive Hands-on Browser-based Online Open Knowledge for Students">
<meta property="og:image" content="https://ogcdn.net/e4b8c678-7bd5-445d-ba03-bfaad510c686/v3/teachbooks.tudelft.nl/%20TeachBooks%20/https%3A%2F%2Fteachbooks.tudelft.nl%2Fimages%2FLogo.jpg/og.png">
<meta name="google-site-verification" content="6gxwq76Z-vUkAYRqKD_-jNm2DPLOMLEmtTqcjt84ACU" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="teachbooks.tudelft.nl">
<meta property="twitter:url" content="https://teachbooks.tudelft.nl/">
<meta name="twitter:title" content=" TeachBooks ">
<meta name="twitter:description" content="Teachers’ Educational Assistance for interaCtive Hands-on Browser-based Online Open Knowledge for Students">
<meta name="twitter:image" content="https://ogcdn.net/e4b8c678-7bd5-445d-ba03-bfaad510c686/v3/teachbooks.tudelft.nl/%20TeachBooks%20/https%3A%2F%2Fteachbooks.tudelft.nl%2Fimages%2FLogo.jpg/og.png">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
<title> TeachBooks </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="404_page/css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="404_page/css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="404_page/css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="404_page/css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<div class="hero_bg_box">
<div class="bg_img_box">
<img src="404_page/figures/hero-bg.png" alt="">
</div>
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<span>
<img src="404_page/figures/Logo_inverted.png" height = '50px' alt="logo"> TeachBooks
</span>
</a>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-md-6 ">
<div class="detail-box">
<h1>
404 Error
</h1>
<p>
Uh-oh! We couldn't find the page or book you are looking for.
</p>
<div class="btn-box">
<a href="https://teachbooks.github.io/template/" class="btn1">Go back to the homepage of this book</a>
</div>
<div class="btn-box">
<a href="https://teachbooks.github.io/#why_section" class="btn1">Explore the other TeachBooks</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="404_page/figures/active_learning.jpg" class="btn1" alt="active learning">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- footer section -->
<section class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span>
Created using:
<a href="https://html.design/">free Html Templates </a> -
<a href="https://open.ai/"> Open AI </a>
</p>
</div>
</section>
<!-- footer section -->
<!-- jQery -->
<script type="text/javascript" src="404_page/js/jquery-3.4.1.min.js"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script type="text/javascript" src="404_page/js/bootstrap.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script type="text/javascript" src="404_page/js/custom.js"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map -->
</body>
</html>