Skip to content

Commit

Permalink
Merge pull request #18 from dominicovo/master
Browse files Browse the repository at this point in the history 
I worked on the frontend
  • Loading branch information
@emetowinner
emetowinner authored Dec 1, 2019
2 parents 4ccce7f + 83f539c commit cd5a5db
Show file tree
Hide file tree
Showing 85 changed files with 4,846 additions and 328 deletions.
49 changes: 32 additions & 17 deletions Documentations/mockups/checkin-design.md
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,40 @@
HOME PAGE
on the landing page there are clickable layouts that contains the home, about and sign up page
home page leads you to your to the home/ landing page
about page leads you to the short 'about' discription below the landing page
Sign Up
on clicking on the sign up page, it will lead you to the page where you can create profile, and if you already have a profile.
and if you already have a profile you click on login botton, which will lead you to the corresponding login page
on login in to your profile, you have a fill profile page where you can fill in more details about yourself,and also upload your profile picture, this informations are being displayed on your dashboard
there is a search box in the landing page that allows users to search for available hostels either by hostel name or by location.
**HOME PAGE**

*on the landing page there are clickable layouts that contains the home, about and sign up page*

-home page leads you to the home landing page
-about page leads you to the short 'about' discription below the landing page

**SIGN UP**

-on clicking on the sign up page, it will lead you to the page where you can create profile, that's if you don't hacve a profile.
and if you already have a profile you click on login botton, which will lead you to the corresponding login page

-on login in to your profile, you have a *FILL PROFILE* page where you can fill in more details about yourself,and also upload your profile picture, this informations are being displayed on your dashboard

-there is a search box in the landing page that allows users to search for available hostels either by hostel name or by location.

Best Selling Location
this contains four clickable boxes consisting of hostels in those location that are best selling and on clicking on them it will take you to the hostels atteched to those locations
Popular Locations

*Popular Locations*
this contains samples of hostels that are the most popular (their name and their location) are clickable as well.

Featured Hostels
this are areas where you can find hostels and the amount of hostels available in that area
BOOK HOSTELS
just like the featured hostels, the book hostelz also gives you areas and the amount of available hostels in those areas such that if yo click it it will take you to the book hostel page

*BOOK HOSTELS*

just like the featured hostels, the book hostels also gives you areas and the amount of available hostels in those areas such that if yo click it it will take you to the book hostel page
in the book page the are two dashboards, one is the booking hostel page while the other is the book.
Booking Hostels dashboard

*Booking Hostels dashboard*

In this dashboard, we have the search box as in the home page, while we have respective clickable boxes of pages for different kinds of hostels like the
'Our Top pick','Luxury hostels', 'Cheap Hostels','Best Hostels and attractive hostels
The hostel sample photos on the lef, the name of the hostel, the location and the amount by the right followed by the book botton which leads to the book page Dashboard
Book Page Dashboard
'Our Top pick','Luxury hostels', 'Cheap Hostels','Best Hostels' and 'attractive hostels'
The hostel sample photos on the left, the name of the hostel, the location and the amount by the right followed by the book botton which leads to the book page Dashboard

*Book Page Dashboard*
This Page contains the hostel's name at the top and the location sample images, the hostel features and the information about the hostel, then the book botton which links you to the corresponding porter of that hostel
USER DASHBOARD

**USER DASHBOARD**
84 changes: 84 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/main_style.css">
<title>Home Page</title>
</head>
<div class="super_container">

<!-- Header -->

<header class="header">

<!-- Top Bar -->

<div class="top_bar">
<div class="container">
<div class="row">
<div class="col d-flex flex-row">
<div class="phone">+234 888855555</div>
<div class="user_box ml-auto">
<div class="user_box_login user_box_link"><a href="login.html">login</a></div>
<div class="user_box_register user_box_link"><a href="signup.html">register</a></div>
</div>
</div>
</div>
</div>
</div>

<!-- Main Navigation -->

<nav class="main_nav">
<div class="container">
<div class="row">
<div class="col main_nav_col d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<div class="logo"><a href="#"><img src="static/img/logo.png" alt="hostelcheckin"></a></div>
</div>
<div class="main_nav_container ml-auto">
<ul class="main_nav_list">
<li class="main_nav_item"><a href="#">home</a></li>
<li class="main_nav_item"><a href="about.html">about us</a></li>
<li class="main_nav_item"><a href="offers.html">offers</a></li>
<li class="main_nav_item"><a href="contact.html">Contact</a></li>
<li class="main_nav_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>


<form id="search_form" class="search_form bez_1">
<input type="search" class="search_content_input bez_1">
</form>

<div class="hamburger">
<i class="fa fa-bars trans_200"></i>
</div>
</div>
</div>
</div>
</nav>
</header>

<div class="menu trans_500">
<div class="menu_content d-flex flex-column align-items-center justify-content-center text-center">
<div class="menu_close_container"><div class="menu_close"></div></div>
<div class="logo menu_logo"><a href="#"><img src="static/img/logo.png" alt=""></a></div>
<ul>
<li class="menu_item"><a href="index.html">home</a></li>
<li class="menu_item"><a href="about.html">about us</a></li>
<li class="menu_item"><a href="offers.html">offers</a></li>
<li class="menu_item"><a href="contact.html">Contact</a></li>
<ul class="menu_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>
</div>
<!-- Navbar Ends Here-->
83 changes: 83 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/main_style.css">
<title>Home Page</title>
</head>
<div class="super_container">

<!-- Header -->

<header class="header">

<!-- Top Bar -->

<div class="top_bar">
<div class="container">
<div class="row">
<div class="col d-flex flex-row">
<div class="phone">+234 888855555</div>
<div class="user_box ml-auto">
<div class="user_box_login user_box_link"><a href="login.html">login</a></div>
<div class="user_box_register user_box_link"><a href="signup.html">register</a></div>
</div>
</div>
</div>
</div>
</div>

<!-- Main Navigation -->

<nav class="main_nav">
<div class="container">
<div class="row">
<div class="col main_nav_col d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<div class="logo"><a href="#"><img src="static/img/logo.png" alt="hostelcheckin"></a></div>
</div>
<div class="main_nav_container ml-auto">
<ul class="main_nav_list">
<li class="main_nav_item"><a href="#">home</a></li>
<li class="main_nav_item"><a href="about.html">about us</a></li>
<li class="main_nav_item"><a href="offers.html">offers</a></li>
<li class="main_nav_item"><a href="contact.html">Contact</a></li>
<li class="main_nav_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>

<form id="search_form" class="search_form bez_1">
<input type="search" class="search_content_input bez_1">
</form>

<div class="hamburger">
<i class="fa fa-bars trans_200"></i>
</div>
</div>
</div>
</div>
</nav>
</header>

<div class="menu trans_500">
<div class="menu_content d-flex flex-column align-items-center justify-content-center text-center">
<div class="menu_close_container"><div class="menu_close"></div></div>
<div class="logo menu_logo"><a href="#"><img src="static/img/logo.png" alt=""></a></div>
<ul>
<li class="menu_item"><a href="index.html">home</a></li>
<li class="menu_item"><a href="about.html">about us</a></li>
<li class="menu_item"><a href="offers.html">offers</a></li>
<li class="menu_item"><a href="contact.html">Contact</a></li>
<ul class="menu_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>
</div>
<!-- Navbar Ends Here-->
84 changes: 84 additions & 0 deletions login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/main_style.css">
<title>Home Page</title>
</head>
<div class="super_container">

<!-- Header -->

<header class="header">

<!-- Top Bar -->

<div class="top_bar">
<div class="container">
<div class="row">
<div class="col d-flex flex-row">
<div class="phone">+234 888855555</div>
<div class="user_box ml-auto">
<div class="user_box_login user_box_link"><a href="login.html">login</a></div>
<div class="user_box_register user_box_link"><a href="signup.html">register</a></div>
</div>
</div>
</div>
</div>
</div>

<!-- Main Navigation -->

<nav class="main_nav">
<div class="container">
<div class="row">
<div class="col main_nav_col d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<div class="logo"><a href="#"><img src="static/img/logo.png" alt="hostelcheckin"></a></div>
</div>
<div class="main_nav_container ml-auto">
<ul class="main_nav_list">
<li class="main_nav_item"><a href="#">home</a></li>
<li class="main_nav_item"><a href="about.html">about us</a></li>
<li class="main_nav_item"><a href="offers.html">offers</a></li>
<li class="main_nav_item"><a href="contact.html">Contact</a></li>
<li class="main_nav_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>


<form id="search_form" class="search_form bez_1">
<input type="search" class="search_content_input bez_1">
</form>

<div class="hamburger">
<i class="fa fa-bars trans_200"></i>
</div>
</div>
</div>
</div>
</nav>
</header>

<div class="menu trans_500">
<div class="menu_content d-flex flex-column align-items-center justify-content-center text-center">
<div class="menu_close_container"><div class="menu_close"></div></div>
<div class="logo menu_logo"><a href="#"><img src="static/img/logo.png" alt=""></a></div>
<ul>
<li class="menu_item"><a href="index.html">home</a></li>
<li class="menu_item"><a href="about.html">about us</a></li>
<li class="menu_item"><a href="offers.html">offers</a></li>
<li class="menu_item"><a href="contact.html">Contact</a></li>
<ul class="menu_item btn btn-success"><a href="signup.html">Sign Up</a></li>
</ul>
</div>
</div>
<!-- Navbar Ends Here-->
Loading

0 comments on commit cd5a5db

Please sign in to comment.