Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

homepage and contact fully responsive #5

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

homepage and contact fully responsive #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fbf8ec5
homepage and contact fully responsive
oluwadamilareosinaya Jun 10, 2020
e4f8418
all pages responsive, footer requires a the copyright section, rooms …
oluwadamilareosinaya Jun 10, 2020
a501766
fixed linking
oluwadamilareosinaya Jun 10, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
139 changes: 139 additions & 0 deletions RenegadeGandhi/contact-us.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="public/lib/fontawesome/css/fontawesome.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/brands.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/solid.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/svg-with-js.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/all.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/regular.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/v4-shims.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300&display=swap" rel="stylesheet">
<link href="public/dist/css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./public/css/contact-us.css">
<title>Contact Us</title>
</head>
<body>
<header class="desktop-nav show-desktop">
<div class="top-navbar">
<div class="spacer"></div>
<div class="top-navbar__content">
<div class="title">
<h2>ITOJU</h2>
</div>
<div class="float-right">
<span>
<i class="fa fa-user"></i>
</span>
<button class="button-primary">BOOK NOW</button>
</div>
</div>
</div>
<div class="main-navbar">
<!-- <h3>fkkdk</h3> -->
<div class="main-navbar__content">
<ul>
<li class="desktop-li"><a href="index.html">Home</a></li>
<li class="desktop-li"><a href="rooms.html">Rooms</a></li>
<li class="desktop-li"><a href="#">About</a></li>
<li class="desktop-li"><a href="facility.html">Facilities</a></li>
<li class="desktop-li"><a class="active" href="contact-us.html">Contact</a></li>
</ul>
</div>
</div>
</header>
<header class="mobile-nav hide-desktop">
<div class="top-navbar">
<div class="top-navbar__content">
<div class="title">
<h2>ITOJU</h2>
</div>
<div class="hamburger hide-desktop" id="hamburger">
<span class="hamburger__stick" id="hamburger__stick"></span>
</div>
<!-- <span>
<i class="fa fa-user"></i>
</span> -->

</div>
</div>
<div class="main-navbar" id="mobile-nav">
<!-- <h3>fkkdk</h3> -->
<div class="devugo-navbar__content">
<button class="button-primary" id="book-now__btn">BOOK NOW</button>
<ul>
<li class="mobile-li"><a class="active" href="#">Home</a></li>
<li class="mobile-li"><a href="#">Rooms</a></li>
<li class="mobile-li"><a href="#">About</a></li>
<li class="mobile-li"><a href="#">Facilities</a></li>
<li class="mobile-li"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</header>

<section class="image-container">
<img src="images/layer.png" alt="" id="image"/>
</section>

<section class="contact">
<div class="form-field">
<h2>Contact Us</h2>
<p>How would you like to contact us? by email here:</p>
<h1>[email protected]</h1>
<p class="fill">or fill this form</p>

<div class="form-group">
<label class="fonts" for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">

<label class="fonts" for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">

<label class="fonts" for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<div class="right">
<button id="sub">Submit</button>
</div>
</div>
</div>
</section>

<footer class="footer-wrapper">
<div class="foot-box foot1">
<h4>ITOJU</h4>
<p>2, Crescent Road, Off Galadim, Abuja</p>
<p>+62-812-7313-6489</p>
</div>
<div class="foot-box foot2">
<h4>About Us</h4>
<p>About</p>
<p>What we do</p>
<p>Project</p>
<p>How it works with us</p>
</div>
<div class="foot-box foot3">
<h4>Follow Us</h4>
<p>Instagram</p>
<p>Facebook</p>
<p>LinkedIn</p>
<p>Youtube</p>
</div>
<div class="foot-box foot4">
<h4>Additional Information</h4>
<p>About Us</p>
<p>Contact Us</p>
<p>How does it work?</p>
<p>Frequently asked questions</p>
</div>
</footer>


</body>

<script src="public/dist/js/devugo-navbar.js"></script>
</html>
217 changes: 217 additions & 0 deletions RenegadeGandhi/facility.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="public/lib/fontawesome/css/fontawesome.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/brands.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/solid.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/svg-with-js.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/all.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/regular.css" rel="stylesheet">
<link href="public/lib/fontawesome/css/v4-shims.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300&display=swap" rel="stylesheet">
<title>Facility</title>
<!-- git https://github.com/Haybuka/Hotel_Itoju.git -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap" rel="stylesheet">
<link href="public/dist/css/main.css" rel="stylesheet">
<link rel="stylesheet" href="./public/css/facility.css">
</head>

<body>
<header class="desktop-nav show-desktop">
<div class="top-navbar">
<div class="spacer"></div>
<div class="top-navbar__content">
<div class="title">
<h2>ITOJU</h2>
</div>
<div class="float-right">
<span>
<i class="fa fa-user"></i>
</span>
<button class="button-primary">BOOK NOW</button>
</div>
</div>
</div>
<div class="main-navbar">
<!-- <h3>fkkdk</h3> -->
<div class="main-navbar__content">
<ul>
<li class="desktop-li"><a href="#">Home</a></li>
<li class="desktop-li"><a href="rooms.html">Rooms</a></li>
<li class="desktop-li"><a href="#">About</a></li>
<li class="desktop-li"><a class="active" href="facility.html">Facilities</a></li>
<li class="desktop-li"><a href="contact-us.html">Contact</a></li>
</ul>
</div>
</div>
</header>
<header class="mobile-nav hide-desktop">
<div class="top-navbar">
<div class="top-navbar__content">
<div class="title">
<h2>ITOJU</h2>
</div>
<div class="hamburger hide-desktop" id="hamburger">
<span class="hamburger__stick" id="hamburger__stick"></span>
</div>
<!-- <span>
<i class="fa fa-user"></i>
</span> -->

</div>
</div>
<div class="main-navbar" id="mobile-nav">
<!-- <h3>fkkdk</h3> -->
<div class="devugo-navbar__content">
<button class="button-primary" id="book-now__btn">BOOK NOW</button>
<ul>
<li class="mobile-li"><a class="active" href="#">Home</a></li>
<li class="mobile-li"><a href="#">Rooms</a></li>
<li class="mobile-li"><a href="#">About</a></li>
<li class="mobile-li"><a href="#">Facilities</a></li>
<li class="mobile-li"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</header>

<main>
<section class="first-img">
<img src="https://res.cloudinary.com/adenike/image/upload/v1591785126/hotel%20-%20itoju/first-image_ba5x5h.png" alt="">
</section>

<section class="abode">
<div class="flex" id="all-images">
<div class="letters">
<h2>The well lit ABODE</h2>
<p>
When you are looking for a hotel, what is the first thing you do?
You jump on the computer and search for hotels in your destination city.
</p>
<p>
And you decide which hotel is the best by looking for those with spectacular recommendations and location, favourable reviews and reasonable rates.
</p>
<p>
The User Experience (UX) design of a hotel website has a huge impact on how easy it is for you to determine this information and consequently, how likely it is to attract your business. According to our research, the best hotel websites.
</p>
<p>
And you decide which hotels are the best by looking for those with spectacular accommodations and location, favourable reviews and reasonable rates.
</p>
</div>

<div class="flex" id="right-img">
<img src="/images/facility1.png" alt="">
<img src="/images/facility2.png" alt="">
</div>
</div>

<div class="flex" id="other-img">
<img src="/images/facility3.png" alt="">
<img src="/images/facility4.png" alt="">
<img src="/images/facility5.png" alt="">
<img src="/images/facility6.png" alt="">
<img src="/images/facility7.png" alt="">
<img src="/images/facility8.png" alt="">
</div>

</section>

<section class="more-facilities">
<p class="section-title">
More Facilities
</p>
<div class="flex" id="facilities">
<div class="facility-card">
<div class="flex" id="card 1">
<div class="images">
<img src="/images/otherfacility1.png" alt="">
</div>

<div class="words">
<p>
The pool side environment offer a spacious rooma nd a lush balcony or
a private garden to read and contemplate the waning afternoon.
</p>
<p class="more">VIEW MORE</p>
</div>
</div>
</div>

<div class="facility-card">
<div class="flex" id="card 2">
<img src="/images/otherfacility2.png" alt="">
<div class="words">
<p>
The pool side environment offer a spacious rooma nd a lush balcony or
a private garden to read and contemplate the waning afternoon.
</p>
<p class="more">VIEW MORE</p>
</div>
</div>
</div>

<div class="facility-card">
<div class="flex" id="card 3">
<img src="/images/otherfacility3.png" alt="">
<div class="words">
<p>
The pool side environment offer a spacious rooma nd a lush balcony or
a private garden to read and contemplate the waning afternoon.
</p>
<p class="more">VIEW MORE</p>
</div>
</div>
</div>

<div class="facility-card">
<div class="flex" id="card 4">
<img src="/images/otherfacility4.png" alt="">
<div class="words">
<p>
The pool side environment offer a spacious rooma nd a lush balcony or
a private garden to read and contemplate the waning afternoon.
</p>
<p class="more">VIEW MORE</p>
</div>

</div>
</div>
</div>
</section>
</main>
<footer class="footer-wrapper">
<div class="foot-box foot1">
<h4>ITOJU</h4>
<p>2, Crescent Road, Off Galadim, Abuja</p>
<p>+62-812-7313-6489</p>
</div>
<div class="foot-box foot2">
<h4>About Us</h4>
<p>About</p>
<p>What we do</p>
<p>Project</p>
<p>How it works with us</p>
</div>
<div class="foot-box foot3">
<h4>Follow Us</h4>
<p>Instagram</p>
<p>Facebook</p>
<p>LinkedIn</p>
<p>Youtube</p>
</div>
<div class="foot-box foot4">
<h4>Additional Information</h4>
<p>About Us</p>
<p>Contact Us</p>
<p>How does it work?</p>
<p>Frequently asked questions</p>
</div>
</footer>

</body>
<script src="public/dist/js/devugo-navbar.js"></script>
</html>
Binary file added RenegadeGandhi/images/1st.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/2nd.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/3rd.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/4th.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/5th.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/6th.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/Ellipse 2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/bed.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/bedsm.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility3.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility4.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility5.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility6.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility7.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facility8.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/facilityheader.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/header-image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/img1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/img2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/img3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/img4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/layer.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/otherfacility1.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added RenegadeGandhi/images/otherfacility2.png
View file
Open in desktop
Binary file added RenegadeGandhi/images/otherfacility3.png
View file
Open in desktop
Binary file added RenegadeGandhi/images/otherfacility4.png
View file
Open in desktop
Binary file added RenegadeGandhi/images/pic1.png
View file
Open in desktop
Binary file added RenegadeGandhi/images/pic2.png
View file
Open in desktop
4 changes: 4 additions & 0 deletions RenegadeGandhi/images/svg/checkbox.svg
View file
Open in desktop
Binary file added RenegadeGandhi/images/video-replacement.png
View file
Open in desktop
Loading