forked from cindyeme/libraryMgtSystem
/
header.php
75 lines (58 loc) · 2.62 KB
/
header.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Lib-Cater</title>
<meta content="Lib-Cater" name="An automated system that manages all manual functions of a library.">
<meta content="" name="keywords">
<?php require_once('includes/css-links.php') ?>
<style>
@media(max-width: 768px){
.get-started-btn{
margin-top: 1.1rem;
}}
</style>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top index_header">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-12">
<a href="index.php" class="d_none logo mr-auto"><img src="assets/img/logo.png" alt="logo" class="img-fluid m-auto"></a>
</div>
<div class="col-xl-9 d-flex align-items-center clearfix">
<a href="index.php" class="logo d_logo mr-auto"><img src="assets/img/logo.png" alt="logo" class="img-fluid"></a>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="home_index.php">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#shelf">Bookshelf</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contact">Contact Librarian</a></li>
</ul>
</nav><!-- .nav-menu -->
<a href="sign_up.php" class="get-started-btn scrollto">Sign Up</a>
<a href="#" class="get-started-btn scrollto" data-toggle="modal" data-target="#sign_in">Sign In</a>
</div>
</div>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container-fluid" data-aos="fade-up">
<div class="row justify-content-center">
<div class="col-xl-5 col-lg-6 pt-3 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
<h1>Bettter Library use Experience With Lib-Cater</h1>
<h2>Maintains the record of the library.</h2>
<p class="text-light p-2">Sign up to have unlimited access to books.</p>
<div style="margin-bottom:4.5rem;"><a href="sign_up.php" class="btn-get-started scrollto ">Sign Up</a></div>
</div>
<div class="col-xl-4 col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="150">
<img src="assets/booksImg/library/book_step.png" class="img-fluid animated h-100 w-100" alt="">
</div>
</div>
</div>
</section><!-- End Hero -->