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,264 |
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 |
ABVI Review | 4,292 Kb |
FullPage.js Example without Menu | 2,130 Kb |
A Pen by Dipen Chauhan | 1,604 Kb |
Abnormal inline-block alignment | 1,643 Kb |
New Reservation | 6,698 Kb |
Menu Exercise | 2,196 Kb |
Date Picker | 4,427 Kb |
Home Page idea | 1,948 Kb |
Tabs | 3,204 Kb |
New Res - Dates using UI Kit | 5,973 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 |
Pure CSS Animated Photo Stack | Depthdev | 2,486 Kb |
Animated rainbow wave on canvas | Icodeforlove | 2,777 Kb |
CSS Link Icons with jQuery Titles | Nicwinn | 2,312 Kb |
Owl Carousel - jumpTo | OwlFonk | 2,553 Kb |
Wikipedia Viewer | Thomasvaeth | 2,549 Kb |
This in constructor context | _shree33 | 1,718 Kb |
Smoke Shader - Frame Buffer | Omarshe7ta | 2,672 Kb |
Transition | Shayhowe | 1,632 Kb |
React Markdown Previewer | C0d0er | 3,190 Kb |
Chuck Norris Background | Manz | 1,967 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!