ABVI Menu Discarded
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 - 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">
</head>
<body> <!-- Inspired from: http://themes.grozav.com/mint/ -->
<header id="site-header-top"> stuff
</header>
<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>
</body>
</html>
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;
http://farm3.staticflickr.com/2872/9472404468_8c267502c3_k.jpg
http://farm7.staticflickr.com/6046/6228862714_9a4084ce32_b.jpg
http://farm7.staticflickr.com/6158/6228349241_d95c94f0d3_b.jpg
http://farm5.staticflickr.com/4128/5174006990_d70a1de10d_b.jpg
http://farm5.staticflickr.com/4145/5173999492_ce64b86235_b.jpg
http://farm5.staticflickr.com/4106/5173395359_a7f24404a4_b.jpg
http://farm5.staticflickr.com/4106/5173395359_a7f24404a4_b.jpg
ABVI Fresno
http://farm4.staticflickr.com/3403/3307778109_c6205f997b_b.jpg
ABVI Janesville, WI
http://www.flickr.com/photos/55808227@N03/
http://stefangabos.ro/jquery/zebra-datepicker/
http://www.cssflow.com/snippets/tag/date-picker
*/

Developer | Dipen Chauhan |
Username | overdrivemachines |
Uploaded | September 24, 2022 |
Rating | 3 |
Size | 3,607 Kb |
Views | 22,253 |
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!
Name | Size |
Abnormal inline-block alignment | 1,643 Kb |
Responsive Image Gallery | 2,351 Kb |
A Pen by Dipen Chauhan | 1,604 Kb |
Responsive Image Gallery with Photoswipe | 3,161 Kb |
New Res - Dates using UI Kit | 5,973 Kb |
ABVI Review | 4,292 Kb |
CSU Webdev Timeline new colors | 4,269 Kb |
Testimonials | 2,508 Kb |
Menu Exercise | 2,196 Kb |
Sign In Form | 1,862 Kb |
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!
Name | Username | Size |
404 Page | Saransh | 2,666 Kb |
Font stack | Adrianjacob | 1,868 Kb |
Basic template | Tomcat | 1,675 Kb |
A bit of elegance | Hackthevoid | 9,095 Kb |
PNotify Demo | Adittmar | 1,731 Kb |
Sass Get Function | Lukewatts | 2,155 Kb |
Sassy Buttons | Elyseholladay | 2,299 Kb |
HTML5 Video Autoplay | Zivcos | 1,352 Kb |
A Pen by Alex Bergin | Abergin | 3,347 Kb |
This in constructor context | _shree33 | 1,718 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!