Added 404 page

This commit is contained in:
Tom van Woudenberg 2024-05-06 14:11:12 +02:00
parent af50545d2d
commit 65959e10cb
17 changed files with 16528 additions and 0 deletions

152
book/404.html Normal file
View file

@ -0,0 +1,152 @@
<!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>