Skip to content

Instantly share code, notes, and snippets.

View planetoftheweb's full-sized avatar
🚀
Hubbing

Ray Villalobos planetoftheweb

🚀
Hubbing
View GitHub Profile
@planetoftheweb
planetoftheweb / ec_samplerows.html
Created November 1, 2012 09:41
Everlasting Classic Content
<!-- Example row of columns -->
<div class="row">
<div class="span4 carshow">
<img src="images/engines.jpg" alt="Auto Show - Deland, FL" />
<h2>Deland, FL</h2>
<h3>October 20, 2009</h3>
<p>Downtown Deland is a quaint area in between Orlando and Daytona beach with a classic auto show every Saturday. Come have fun in the sun with us in mainstreet from 10am-2pm.</p>
</div>
<div class="span4 carshow">
@planetoftheweb
planetoftheweb / ec_header.html
Created November 1, 2012 09:46
Everlasting Classic Header content
<header>
<h1>Classic Auto Shows</h1>
<p>Our Classic Auto Shows are coming to a city near you. Featuring the best in exotic hot rods and classic automobiles. With over $250,000 in auctions and a whole lot of fun...don't miss our next show in a city near you.</p>
</header>
@planetoftheweb
planetoftheweb / ec_navbar.html
Created November 1, 2012 10:06
Navbar for Everlasting Classic
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Everlasting Classic</a>
<div class="nav-collapse collapse">
@planetoftheweb
planetoftheweb / ec_oldjscalls.html
Created November 1, 2012 10:17
Old Marketing JS Calls in BootStrap
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="_/js/jquery.js"></script>
<script src="_/js/bootstrap-transition.js"></script>
<script src="_/js/bootstrap-alert.js"></script>
<script src="_/js/bootstrap-modal.js"></script>
<script src="_/js/bootstrap-dropdown.js"></script>
<script src="_/js/bootstrap-scrollspy.js"></script>
<script src="_/js/bootstrap-tab.js"></script>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="_/js/jquery.js"></script>
<script src="_/js/bootstrap.js"></script>
body {
background: #158D90;
}
header {
font-family: 'Droid Serif', Georgia, serif;
font-size: 1.2em;
padding: 0 10%;
}
@planetoftheweb
planetoftheweb / ev_carousel.css
Created November 1, 2012 15:25
Carousel CSS
@planetoftheweb
planetoftheweb / ev_carshow.css
Created November 1, 2012 15:26
Adjustments to bootstrap template for our carshow section
.carshow {
font-family: 'Droid Serif', Georgia, serif;
}
.carshow h2 {
font-family: "Lobster two";
font-weight: normal;
color: white;
margin: 0;
padding: 0;
@planetoftheweb
planetoftheweb / ec_navbar.css
Created November 1, 2012 15:31
Navbar Adjustments
.navbar-inner {
background-color: #114B53;
background-image: -moz-linear-gradient(top, #0E3D43, #082327) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E3D43), to(#082327)) !important;
background-image: -webkit-linear-gradient(top, #0E3D43, #082327) !important;
background-image: -o-linear-gradient(top, #0E3D43, #E2E6AC) !important;
background-image: linear-gradient(to bottom, #0E3D43, #114B53) !important;
}
.navbar .brand {
@planetoftheweb
planetoftheweb / sampledata.json
Created November 13, 2012 23:54
Sample JSON Data
{ "speakers": [
{ "firstname": "Ray",
"lastname": "Villalobos",
"category": "Front End",
"title": "Bootstrap & CSS Preprocessors",
"image": "http://barcampdeland.org/images/speaker_rayvillalobos.jpg",
"link": "http://iviewsource.com",
"bio": "Ray Villalobos is a full-time author and teacher at lynda.com. He is author of the book, Exploring Multimedia for Designers. He has more than 20 years experience in developing and programming multimedia projects. Previously at Entravision Communications, he designed and developed a network of radio station and TV web sites. As a senior producer for Tribune Interactive, he was responsible for designing orlandosentinel.com and for creating immersive multimedia projects and Flash games for the site.",
"description": "As responsive design continues to take over the web, front-end developers and designers have turned to preprocessors and layout systems that simplify their workflow. Lynda.com staff author Ray Villalobos will talk about using the Bootstrap framew