Index

<DOCTYPE html>
<html lang="en">
<head>
<title>DESIGN AND IMPLEMENTATION OF E-LIBRARY FOR NATIONAL OPEN UNIVERSITY OF
NIGERIA</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="EPlatform project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-
2.2.1/owl.carousel.css">
2.2.1/owl.theme.default.css">
2.2.1/animate.css">
<link href="plugins/video-js/video-js.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
</head>
<body>
<div class="super_container">

<header class="header">


<div class="top_bar">
<div class="top_bar_container">
<div class="container">
<div class="row">
<div class="col">
<div class="top_bar_content d-flex flex-
row align-items-center justify-content-start">
<ul class="top_bar_contact_list">
<li><div
class="question">Have any questions?</div></li>
<li>
<div>(234) 818 964
1530</div>
</li>
<li>
<div>info@elearn.com</div>
</li>
</ul>
<div class="top_bar_login ml-auto">
<ul>
<li><a
href="signup.php">Register</a></li>
<li><a
href="login.php">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="header_container">
<div class="row">
<div class="col">
<div class="header_content d-flex flex-row
align-items-center justify-content-start">
<div class="logo_container">
<a href="#">
<div class="logo_content d-
flex flex-row align-items-end justify-content-start">
<div
class="logo_img"><img src="images/logo.png" alt=""></div>
<div
class="logo_text">Platform</div>
</div>
</a>
</div>
<nav class="main_nav_contaner ml-auto">
<ul class="main_nav">
<li class="active"><a
href="index.php">home</a></li>
<li><a
href="about.html">about us</a></li>
<li><a
href="courses.html">courses</a></li>
<li><a
href="contact.html">contact</a></li>
</ul>
<div class="search_button"><i
class="fa fa-search" aria-hidden="true"></i></div>

<div class="hamburger menu_mm">

<i class="fa fa-bars menu_mm"
aria-hidden="true"></i>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>


<div class="header_search_container">
<div class="row">
<div class="col">
<div class="header_search_content d-flex flex-
row align-items-center justify-content-end">
<form action="#"
class="header_search_form">
<input type="search"
class="search_input" placeholder="Search" required="required">
<button class="header_search_button
d-flex flex-column align-items-center justify-content-center">
<i class="fa fa-search" aria-
hidden="true"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</header>

<div class="menu d-flex flex-column align-items-end justify-content-start

text-right menu_mm trans_400">
<div class="menu_close_container"><div
class="menu_close"><div></div><div></div></div></div>
<div class="search">
<form action="#" class="header_search_form menu_mm">
<input type="search" class="search_input menu_mm"
placeholder="Search" required="required">
<button class="header_search_button d-flex flex-column
align-items-center justify-content-center menu_mm">
<i class="fa fa-search menu_mm" aria-
hidden="true"></i>
</button>
</form>
</div>
<nav class="menu_nav">
<ul class="menu_mm">
<li class="menu_mm"><a href="index.php">Home</a></li>
<li class="menu_mm"><a href="about.html">About Us</a></li>
<li class="menu_mm"><a href="courses.html">Courses</a></li>
<li class="menu_mm"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="menu_extra">
<div class="menu_phone"><span
class="menu_title">phone:</span>(009) 35475 6688933 32</div>
<div class="menu_social">
<span class="menu_title">follow us</span>
<ul>
<li><a href="#"><i class="fa fa-pinterest" aria-
hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-
<li><a href="#"><i class="fa fa-instagram" aria-
<li><a href="#"><i class="fa fa-twitter" aria-
</ul>
</div>
</div>
</div>

<div class="home">
<div class="home_slider_container">


<div class="owl-carousel owl-theme home_slider">


<div class="owl-item">

<div class="home_slider_background"
style="background-image:url(images/index.jpg)"></div>
<div class="home_container">
<div class="row">
<div class="col">
<div class="home_content
text-center">
<div
class="home_logo"><img src="images/home_logo.png" alt=""></div>
<div class="home_text">
<div
class="home_title">Design and Implementation of E-Library</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col">
text-center">
<div
<div
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col">
text-center">
<div
<div
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</br>

<div class="featured">
<div class="row">
<div class="col">

<div class="home_slider_nav_container d-flex flex-row
align-items-start justify-content-between">
<div class="home_slider_nav home_slider_prev
trans_200"><i class="fa fa-angle-left" aria-hidden="true"></i></div>
<div class="home_slider_nav home_slider_next
trans_200"><i class="fa fa-angle-right" aria-hidden="true"></i></div>
</div>
<div class="featured_container">
<div class="row">
<div class="col-lg-6 featured_col">
<div class="featured_content">
<div class="featured_header d-flex flex-row
align-items-center justify-content-start">
<div class="featured_tag"><a
href="#">About me:</a></div>
</div>
<div class="featured_title"><h3><a
href="courses.html">E Platform</a></h3></div>
<div class="featured_text">Programme: BSC
COMPUTER SCIENCE </br> Level: 400 LEVEL</div>
<div class="featured_footer d-flex align-items-
center justify-content-start">
<div class="featured_author_image"><img
src="images/featured_author.jpg" alt=""></div>
<div class="featured_author_name">By <a
href="#">Oni Oluwaseun</a></div>
<div class="featured_sales ml-auto">
Matric No: NOU133571472</div>
</div>
</div>
</div>
<div class="col-lg-6 featured_col">
https://unsplash.com/@jtylernix -->
<div class="featured_background"
style="background-image:url(images/featured.jpg)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="courses">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="section_title text-center"><h2>Choose
your course</h2></div>
<div class="section_subtitle">Suspendisse tincidunt
magna eget massa hendrerit efficitur. Ut euismod pellentesque imperdiet. Cras
laoreet gravida lectus, at viverra lorem venenatis in. Aenean id varius quam.
Nullam bibendum interdum dui, ac tempor lorem convallis ut</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="course_search">
<form action="#" class="course_search_form d-
flex flex-md-row flex-column align-items-start justify-content-between">
<div><input type="text"
class="course_input" placeholder="Course" required="required"></div>
<div><input type="text"
class="course_input" placeholder="Level" required="required"></div>
<button
class="course_button"><span>search course</span><span class="button_arrow"><i
class="fa fa-angle-right" aria-hidden="true"></i></span></button>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col">


<div class="courses_slider_container">
<div class="owl-carousel owl-theme
courses_slider">

<div class="course">
<div
class="course_image"><img src="images/course_1.jpg" alt=""></div>
<div class="course_body">
<div
class="course_header d-flex flex-row align-items-center justify-content-start">
<div
class="course_tag"><a href="#">Introduction to Computer Science</a></div>
</div>
<div
class="course_title"><h3><a href="https://www.nou.edu.ng/sites/default/files/2017-
03/CIT%20104.pdf">CIT104</a></h3></div>
<div
class="course_text">Maecenas rutrum viverra sapien sed ferm entum. Morbi tempor
odio eget lacus tempus pulvinar.</div>
<div
class="course_footer d-flex align-items-center justify-content-start">

<div class="text-
center">By <a href="#">National Open University of Nigeria</a></div>
</div>
</div>
</div>
</div>

<div
<div
<div
class="course_tag"><a href="#">Introductory Physical Chemistry</a></div>
</div>
<div
03/CHM%20103.pdf">CHM103</a></h3></div>
<div
<div


<div class="courses_slider_nav
courses_slider_prev trans_200"><i class="fa fa-angle-left" aria-
hidden="true"></i></div>
<div class="courses_slider_nav
courses_slider_next trans_200"><i class="fa fa-angle-right" aria-
hidden="true"></i></div>
</div>
</div>
</div>
</div>
</div>

<div class="milestones">

<div class="parallax_background parallax-window" data-parallax="scroll"
data-image-src="images/milestones.jpg" data-speed="0.8"></div>
<div class="row milestones_container">


<div class="col-lg-3 milestone_col">
<div class="milestone text-center">
<div class="milestone_icon"><img
src="images/milestone_1.svg" alt=""></div>
<div class="milestone_counter" data-end-
value="1548">0</div>
<div class="milestone_text">Courses</div>
</div>
</div>


value="5000">0</div>
<div class="milestone_text">Users</div>
</div>
</div>


value="257">0</div>
<div class="milestone_text">Downloads</div>
</div>
</div>


value="25">0</div>
<div class="milestone_text">Countries</div>
</div>
</div>
</div>
</div>
</div>

<div class="grouped_sections">
<div class="row">

<div class="col-lg-4 grouped_col">

<div class="grouped_title">Why Choose Us?</div>
<div class="accordions">
<div class="accordion_container">
<div class="accordion d-flex flex-row
align-items-center active"><div>Mauris vehicula nisi congue?</div></div>
<div class="accordion_panel">
<div>
<p>Suspendisse tincidunt
magna eget massa hendrerit efficitur. Ut euismod pellentesque imperdiet. Cras
laoreet gravida lectus, at viverra lorem venenatis in. Aenean id varius quam.</p>
</div>
</div>
</div>
</div>
</div>


<div class="grouped_title">Upcoming Events</div>
<div class="events">


<div class="event d-flex flex-row align-items-
start justify-content-start">
<div>
<div class="event_date d-flex flex-
column align-items-center justify-content-center">
<div
class="event_day">29</div>
<div
class="event_month">October</div>
</div>
</div>
<div class="event_body">
<div class="event_title"><a
href="#">Download Course</a></div>
<div
class="event_subtitle">Location: National Open University of Nigeria</div>
</div>
</div>


<div>
<div
<div
</div>
</div>
<div
</div>
</div>


<div>
<div
<div
</div>
</div>
<div
</div>
</div>


<div>
<div
<div
</div>
</div>
<div
</div>
</div>


<div>
<div
<div
</div>
</div>
<div
</div>
</div>
</div>
</div>


<div class="grouped_title">Latest News</div>
<div class="news">


<div class="news_post d-flex flex-row align-
items-start justify-content-start">
<div><div class="news_post_image"><img
src="images/news_1.jpg" alt="https://unsplash.com/@rawpixel"></div></div>
<div class="news_post_body">
<div class="news_post_date">October
29, 2020</div>
<div class="news_post_title"><a
href="news.html">Why Choose online education?</a></div>
<div class="news_post_author">By <a
</div>
</div>


29, 2020</div>
</div>
</div>


29, 2020</div>
</div>
</div>


29, 2020</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="video">
<div class="row">
<div class="col">
<div class="video_container_outer">
<div class="video_container">

<video id="vid1" class="video-js vjs-
default-skin" controls data-setup='{ "poster": "images/river_1.jpg", "techOrder":
["youtube"], "sources": [{ "type": "video/youtube", "src":
"https://youtu.be/aDTwYxUXN3A"}], "youtube": { "iv_load_policy": 1 } }'>
</video>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="join">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="section_title text-center"><h2>DESIGN AND
IMPLEMENTATION OF E-LIBRARY FOR NATIONAL OPEN UNIVERSITY OF NIGERIA</h2></div>
</div>
</div>
</div>
<div class="button join_button"><a href="signup.php">register now<div
class="button_arrow"><i class="fa fa-angle-right" aria-
hidden="true"></i></div></a></div>
</div>


<footer class="footer">
<div class="row">


<div class="col-lg-3 footer_col">
<div class="footer_about">
<div class="logo_container">
<a href="#">
<div class="logo_content d-flex
flex-row align-items-end justify-content-start">
<div class="logo_img"><img
src="images/logo.png" alt=""></div>
<div
class="logo_text">Platform</div>
</div>
</a>
</div>
<div class="footer_about_text">
<p>Maecenas rutrum viverra sapien sed
fermentum. Morbi tempor odio eget lacus tempus pulvinar.</p>
</div>
<div class="footer_social">
<ul>
<li><a href="#"><i class="fa fa-
google-plus" aria-hidden="true"></i></a></li>
pinterest" aria-hidden="true"></i></a></li>
facebook" aria-hidden="true"></i></a></li>
twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="copyright">
Copyright ©<script>document.write(new Date().getFullYear());</script> All
rights reserved | Designed <i class="fa fa-heart-o" aria-hidden="true"></i> by <a
href="https://colorlib.com" target="_blank">Oni Oluwaseun</a>
</div>
</div>
</div>

<div class="footer_links">
<div class="footer_title">Quick menu</div>
<ul class="footer_list">
<li><a href="index.php">Home</a></li>
<li><a href="about.html">About
us</a></li>
<li><a href="#">Facts</a></li>
</ul>
</div>
</div>

<div class="footer_links">
<div class="footer_title">Useful Links</div>
<ul class="footer_list">
<li><a
href="courses.html">Courses</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>

<div class="footer_contact">
<div class="footer_title">Contact Us</div>
<div class="footer_contact_info">
<div class="footer_contact_item">
<div
class="footer_contact_title">Matric No</div>
<div
class="footer_contact_line">NOU133571472</div>
</div>
<div
class="footer_contact_title">Phone:</div>
<div
class="footer_contact_line">(234) 818 964 1530</div>
</div>
<div
class="footer_contact_title">Programme</div>
<div
class="footer_contact_line">B.Sc Computer Science</div>
</div>
<div
class="footer_contact_title">Author:</div>
<div
class="footer_contact_line">Oni Oluwaseun</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="styles/bootstrap4/popper.js"></script>
<script src="styles/bootstrap4/bootstrap.min.js"></script>
<script src="plugins/greensock/TweenMax.min.js"></script>
<script src="plugins/greensock/TimelineMax.min.js"></script>
<script src="plugins/scrollmagic/ScrollMagic.min.js"></script>
<script src="plugins/greensock/animation.gsap.min.js"></script>
<script src="plugins/greensock/ScrollToPlugin.min.js"></script>
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
<script src="plugins/easing/easing.js"></script>
<script src="plugins/video-js/video.min.js"></script>
<script src="plugins/video-js/Youtube.min.js"></script>
<script src="plugins/parallax-js-master/parallax.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

Index

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Index

Uploaded by

Copyright:

Available Formats

<DOCTYPE html>

<div class="hamburger menu_mm">

<div class="menu d-flex flex-column align-items-end justify-content-start

<div class="col-lg-4 grouped_col">

<div class="col-lg-4 grouped_col">

<div class="col-lg-4 grouped_col">

<div class="col-lg-3 footer_col">

<div class="col-lg-3 footer_col">

<div class="col-lg-3 footer_col">

You might also like