ABVI Menu Discarded

3,607 Kb

How do I make an abvi menu discarded?

What is a abvi menu discarded? How do you make a abvi menu discarded? This script and codes were developed by Dipen Chauhan on 24 September 2022, Saturday.

ABVI Menu Discarded Previews

ABVI Menu Discarded - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ABVI Menu Discarded</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
<body> <!-- Inspired from: http://themes.grozav.com/mint/ -->
<header id="site-header-top"> stuff
<header id="site-header-side"> <div id="logo"> <img src="https://dl.dropboxusercontent.com/s/4494wqo1dlwr5dq/abvi_logo_transparent.png" alt="Logo" /> <h1 class="am">Americas</h1> <h1 class="bv">Best Value Inn</h1> <address> 740 Broadway Street <br /> Chico, CA 95928 <br /> (530) 343-3286 </address> </div> <div id="header-reservation"> <input type="text" placeholder="Check-in"/> <input type="text" placeholder="Check-out"/> <a id="reserve-btn" href="#">Reserve Now</a> </div>	<nav id="site-nav"> <ul> <li> <a href="#homepage"><i class="fa fa-home fa-fw fa-3x"></i>Home</a> </li> <li class="active"> <a href="#room"><i class="fa fa-table fa-fw fa-3x"></i>Rooms</a> </li> <li> <a href="#gallery"><i class="fa fa-picture-o fa-fw fa-3x"></i>Gallery</a> </li> <li> <a href="#map"><i class="fa fa-map-marker fa-fw fa-3x"></i>Map</a> </li> <li> <a href="#contact"><i class="fa fa-envelope fa-fw fa-3x"></i>Contact</a> </li> </ul>	</nav> <div id="header-announcement"> 740 Broadway St<br> Chico, CA 95926<br> <span><i class="fa fa-phone"></i> (530) 343-3286</span> </div>
</header> <script src="js/index.js"></script>

ABVI Menu Discarded - Script Codes CSS Codes

/* Palette: http://www.colourlovers.com/palette/794643/pelajaneladoquarto */
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {	font-family: 'OptimaBold';	src: url('https://dl.dropboxusercontent.com/s/nylpq8s3y2dok8e/optimabold.eot');	src: url('https://dl.dropboxusercontent.com/s/nylpq8s3y2dok8e/optimabold.eot') format('embedded-opentype'), url('https://dl.dropboxusercontent.com/s/9534kr7ys7qhldd/optimabold.woff') format('woff'), url('https://dl.dropboxusercontent.com/s/x28tcs7o8oy7z8k/optimabold.ttf') format('truetype'), url('https://dl.dropboxusercontent.com/s/tzkmh4avzp13a84/optimabold.svg#OptimaBold') format('svg');
*, *:before, *:after { box-sizing: border-box;
html {height: 100%;}
body { background: #e7e7e7; /* background: #0F304F; */ /* background: black; */ font-family: 'Open Sans', sans-serif, 'Arial', sans-serif; font-size: 16px; color: #333; height: 100%;
a { text-decoration: none;
#site-header-top { height: 91px; width: 100%;
#site-header-side {	top: 0px;	left: 0px;	min-width: 250px; /* width: 35%; */ width: 250px; height: 100%;	background: #005baa; position: fixed;
#logo { line-height: 1.44; padding: 20px; color: rgba(255, 255, 255, 0.5); text-align: center; margin-top: 50px;
#logo img { width: 100px; display: block; margin: auto;
#logo h1.am { top: -10px; left: -7px; position: relative; font-size: 34px; font-weight: 600; color: #fff; font-family: 'OptimaBold', sans-serif;
#logo h1.bv { margin-top: -25px; font-size: 32px; font-weight: 600; color: #fff; font-family: 'OptimaBold', sans-serif;
#logo address {
#header-reservation { /* background: green; */ padding: 20px; display: none;
#header-reservation input { width: 100%; font-size: 17px; text-indent: 3px; color: #34495e; line-height: 1.467; padding: 8px 12px; height: 42px; border-radius: 6px; box-shadow: none; border: 2px solid #bdc3c7; /* border: 2px solid #f57d31; opacity: 0.9; */ background-color: #005baa; margin-bottom: 20px;
#reserve-btn { display: block; padding: 10px 0; font-size: 17px; line-height: 1.471; border-radius: 6px; color: #ffffff; opacity: 0.9; text-align: center; border: none; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;
#site-nav {
#site-nav ul {
#site-nav ul li { display: block;
#site-nav ul li a { /* color: #F40532;*/ color: white; opacity: 0.5; height: 90px; display: block; padding: 10px 15px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
#site-nav ul li a i { /* color: #D90025; */ color: white; opacity: 0.5; display: block; margin: 7px auto; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;
#site-nav ul li.active, #reserve-btn { background: #0F304F;
#site-nav ul li.active a, #site-nav ul li.active a i { color: white; opacity: 1;
#site-nav ul li a:hover, #reserve-btn:hover { background: #0F304F; color: #fff;
#site-nav ul li a:hover i { color: #fff; opacity: 1;
#header-announcement { display: none; line-height: 1.44; font-size: 20px; font-weight: 600; color: #fff; padding: 20px; /* position: absolute; bottom: 0px; */ width: 250px;
#header-announcement span { font-size: 16px;

ABVI Menu Discarded - Script Codes JS Codes

/* List of colors
ABVI-blue: #005baa;
ABVI-orange: #f57d31;
Menu-active: #0F304F;
ABVI Fresno
ABVI Janesville, WI
ABVI Menu Discarded - Script Codes
ABVI Menu Discarded - Script Codes
Home Page Home
Developer Dipen Chauhan
Username overdrivemachines
Uploaded September 24, 2022
Rating 3
Size 3,607 Kb
Views 22,253
Do you need developer help for ABVI Menu Discarded?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Dipen Chauhan (overdrivemachines) Script Codes
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!