ABVI Review
How do I make an abvi review?
What is a abvi review? How do you make a abvi review? This script and codes were developed by Dipen Chauhan on 24 September 2022, Saturday.
ABVI Review - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ABVI Review</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/ -->
<div class="ln"></div>
<header id="site-header"> <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 itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> <span itemprop="street-address">740 Broadway Street</span><br /> <span itemprop="locality">Chico</span>, <span itemprop="region">CA</span> <span itemprop="postal-code">95928</span> <br /> <span itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo"> <meta itemprop="latitude" content="39.72573" /> <meta itemprop="longitude" content="-121.83702" /> </span> <span itemprop="telephone"><a href="tel:+15303433286"> (530) 343-3286 </a></span> </address> </div> <nav id="site-nav"> <ul> <li> <a href="#homepage"><i class="fa fa-home fa-fw fa-3x"></i>Home</a> </li> <li> <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>
</header>
<section id="sec-review"> <div class="content"> <h1>Write Us A <span>Review</span></h1> <ul id="review-sites"> <li><a href="https://plus.google.com/117104279150581378890">Google+</a></li> <li><a href="https://www.tripadvisor.com/Hotel_Review-g32201-d231185-Reviews-Americas_Best_Value_Inn-Chico_California.html">Tripadvisor</a></li> <li><a href="https://www.yelp.com/biz/americas-best-value-inn-chico">Yelp</a></li> <li><a href="http://travel.yahoo.com/p-hotel-351408-americas_best_value_inn_chico-i">Yahoo</a></li> <li><a href="http://www.booking.com/hotel/us/days-inn-chico.en.html">Booking.com</a></li> <li><a href="http://www.orbitz.com/hotel/United_States--CA/Chico/Americas_Best_Value_Inn_Chico.h32900">Orbitz</a></li> </ul> </div>
</section>
<footer> <p>Web page created by <a href="#">DC</a></p>
</footer>
<div class="ln"></div> <script src="js/index.js"></script>
</body>
</html>
ABVI Review - 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=Oswald:300,400,700);
@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;
}
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;
}
.ln { height: 10px; width: 100%; background: #0F304F;
}
#site-header { background: #005baa;
}
/*LOGO********************************************/
#logo { line-height: 1.44; padding: 20px; color: rgba(255, 255, 255, 0.5); text-align: center;
}
#logo img { width: 100px; display: block; margin: auto;
}
#logo h1.am { top: -10px; left: -7px; position: relative; font-size: 34px; font-weight: 600; color: white; font-family: 'OptimaBold', sans-serif;
}
#logo h1.bv { margin-top: -25px; font-size: 32px; font-weight: 600; color: white; font-family: 'OptimaBold', sans-serif;
}
#logo address a { color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 991px) { #logo { padding-top: 10px; } #logo img { width: 50px; } #logo h1.am { font-size: 16px; top: -5px; left: -3px; } #logo h1.bv { font-size: 16px; margin-top: -12px; }
}
/*SITE NAVIGATION*********************************/
#site-nav {
}
#site-nav ul { text-align: center;
}
#site-nav ul li { display: inline-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;
}
@media (max-width: 991px) { #site-nav ul li a { padding: 10px 5px; }
}
#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;
}
/*SECTION*REVIEW**********************************/
#sec-review { background: #0F304F; color: white; min-height: 600px;
}
.content { padding: 60px 0 90px 0; max-width: 800px; font-size: 30px; text-align: left; margin: 0 auto; line-height: 1.6667; font-family: 'Oswald', sans-serif;
}
@media (max-width: 991px) { .content { padding-top: 30px; }
}
.content h1 { font-size: 90px; line-height: 1.5556; color: white; font-weight: 700; text-align: center;
}
@media (max-width: 991px) { .content h1 { font-size: 34px; }
}
.content h1 span { color: #f57d31;
}
#review-sites { width: 300px; margin: 0 auto 0 auto;
}
#review-sites li { margin: 20px;
}
@media (max-width: 991px) { #review-sites li { margin: 10px; }
}
#review-sites li a { display: block; padding: 17px 0; font-size: 32px; line-height: 1.471; border-radius: 6px; color: #ffffff; /* background: #c1cac5; */ background: #005baa; /* background: rgba(255, 255, 255, 0.1); */ 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; /* border: 1px solid white; */
}
@media (max-width: 991px) { #review-sites li a { padding: 7px 0; }
}
#review-sites li a:hover { color: #f57d31; /* background: rgba(255, 255, 255, 0.2); */ /*border: 1px solid #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/
}
footer { background: #005baa; text-align: center; color: rgba(255, 255, 255, 0.5); vertical-align: bottom; padding: 20px;
}
footer p { vertical-align: middle; margin: 40px auto 40px auto;
}
footer a { color: white; text-decoration: underline;
}
ABVI Review - Script Codes JS Codes
/* Directions:
https://maps.google.com/maps?expflags=enable_star_based_justifications:true&ie=UTF8&f=d&daddr=Americas+Best+Value+Inn+Chico,+740+Broadway+St,+Chico,+CA+95928
Future Inspirations:
http://designdizzy.com/30-best-free-responsive-html5-templates/
Microdata:
http://demosthenes.info/blog/536/Adding-Phone-Numbers-To-Web-Pages-With-HTML5-&-Microdata
http://diveintohtml5.info/extensibility.html
Graphics:
http://webagate.com/demos/onepage-responsive-parallex-website-template/Light-Version-1/index.html#
http://nestolab.innovatorcoders.com/Malooka/Templates/map/index.html
*/
Developer | Dipen Chauhan |
Username | overdrivemachines |
Uploaded | September 24, 2022 |
Rating | 3 |
Size | 4,292 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 |
UI Kit | 7,950 Kb |
Abnormal inline-block alignment | 1,643 Kb |
Onepage-scroll example | 2,115 Kb |
Tabs | 3,204 Kb |
Home Page idea | 1,948 Kb |
ABVI Menu Discarded | 3,607 Kb |
New Res - Dates using UI Kit | 5,973 Kb |
Testimonials | 2,508 Kb |
Vertical Timeline | 4,301 Kb |
Login Page | 3,787 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 |
Vue.js Lazy Loading | Kjbrum | 3,620 Kb |
Formations | Cantelope | 5,731 Kb |
Realistic Buttons | Stoypenny | 2,248 Kb |
A vuejs widget | Chrgl86 | 2,869 Kb |
Pure CSS Dial | Lukewatts | 3,018 Kb |
Lazy Load for Background Images | The_ruther4d | 2,977 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Bloomberg Style Link Hover | Gil-- | 1,609 Kb |
Heartbeat | Apetrov | 2,079 Kb |
Foundation 5 Menu - Accessibility | Xporter | 1,999 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!