Skip to content

Instantly share code, notes, and snippets.

@levibrown
Created May 13, 2013 23:15
Show Gist options
  • Save levibrown/5572328 to your computer and use it in GitHub Desktop.
Save levibrown/5572328 to your computer and use it in GitHub Desktop.
temp css
<!doctype html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head >
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Houston Student Apartments | The Vue on MacGregor in Houston, TX 77021</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name='robots' content='noindex,nofollow'>
<meta content="Life is great at our Houston student apartments near University of Houston; learn more about apartments for rent from our website today." name="description" />
<meta content="houston apartments, apartments for rent houston, houston apartment rentals, the vue on macgregor, houston apartments" name="keywords" />
<meta name="geo.position" content="29.711264;-95.342184" />
<meta name="geo.placename" content="Houston" />
<meta name="geo.region" content="US-TX" />
<meta name="ICBM" content="29.711264, -95.342184" />
<link href="/stylesheets/layout.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/signature_brand.css?1339454802" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/application.js?1360341983" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<!-- Make sure this is included after MooTools or jQuery is loaded! -->
<script src="/javascripts/app/rails3_unobtrusive_compat.js?1339454801" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
bind_link_to_for_framework();
//]]>
</script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="/javascripts/modernizr-ck.js" type="text/javascript"></script>
<script src="/javascripts/picture-tag-ck.js" type="text/javascript"></script>
<script src="/javascripts/matchMedia-ck.js" type="text/javascript"></script>
<script src="/javascripts/responsive-nav-ck.js" type="text/javascript"></script>
<script src="/javascripts/slabtext-ck.js" type="text/javascript"></script>
<script src="/javascripts/jquery.foundation.reveal-ck.js" type="text/javascript"></script>
</head>
<body class="store home" >
<header class="header">
<div class="header-content">
<div class="logo">
<div class="phone"><a href="tel:888.415.2602" class="hidden-desktop"> 888.415.2602</a><a href="tel:888.415.2602" class="visible-desktop"> 888.415.2602</a></div>
</div>
<a href="/p/student_apartments/residents_7886/houston-tx-77021/the-vue-on-macgregor-7884" class="pay_online">Current Residents<span></span></a>
<a class="toggleMenu" href="#">Menu</a>
<nav class="nav-holder">
<ul class="nav level1" id="nav">
<li class="first single selected"><a class="top-level on" href="/">Home</a></li>
<li><a class="top-level" href="http://vuecollegeliving.com.g5local.com/p/student_apartments/floor_plans_7884/houston-tx-77021/the-vue-on-macgregor-7884">Floor</br>Plans</a></li>
<li class="single"><a class="top-level" href="http://vuecollegeliving.com.g5local.com/p/student_apartments/amenities_7884/houston-tx-77021/the-vue-on-macgregor-7884">Amenities</a>
<ul class="level2">
<li class="first last"><a href="http://vuecollegeliving.com.g5local.com/p/student_apartments/furnished_apts_7884/houston-tx-77021/the-vue-on-macgregor-7884">Furnished Apartments</a></li>
</ul></li>
<li><a class="top-level" href="http://vuecollegeliving.com.g5local.com/p/student_apartments/photo_7884/houston-tx-77021/the-vue-on-macgregor-7884">Photo</br>Tour</a></li>
<li class="single"><a class="top-level" href="http://vuecollegeliving.com.g5local.com/p/student_apartments/neighborhood_7884/houston-tx-77021/the-vue-on-macgregor-7884">Neighborhood</a></li>
<li class="last"><a class="top-level" href="http://vuecollegeliving.com.g5local.com/p/student_apartments/map/houston-tx-77021/the-vue-on-macgregor-7884">Map &</br>Directions</a></li>
</ul>
</nav>
</div>
</header>
<script src="/javascripts/responsiveSlides-min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function () {
$("#slideshow ul").responsiveSlides({
auto: true, // Boolean: Animate automatically, true or false
speed: 700, // Integer: Speed of the transition, in milliseconds
timeout: 7000, // Integer: Time between slide transitions, in milliseconds
pager: false, // Boolean: Show pager, true or false
nav: false, // Boolean: Show navigation, true or false
random: false, // Boolean: Randomize the order of the slides, true or false
pause: false, // Boolean: Pause on hover, true or false
pauseControls: true, // Boolean: Pause when hovering controls, true or false
prevText: "Previous", // String: Text for the "previous" button
nextText: "Next", // String: Text for the "next" button
maxwidth: "" // Integer: Max-width of the slideshow, in pixels
});
});
//]]>
</script> <div id="slideshow" class="mask">
<ul>
<li>
<!--[if IE 9]><video><![endif]-->
<picture><source media='(min-width: 1000px)' srcset='http://cdn11.g5search.com/assets/179174/large-houston-student-apartments-for-rent.jpg?1370529058 1x, http://cdn11.g5search.com/assets/179174/large@2x-houston-student-apartments-for-rent.jpg?1370529058 2x' /><source media='(min-width: 768px)' srcset='http://cdn11.g5search.com/assets/179174/medium-houston-student-apartments-for-rent.jpg?1370529058 1x, http://cdn11.g5search.com/assets/179174/medium@2x-houston-student-apartments-for-rent.jpg?1370529058 2x' /><source media='(min-width: 480px)' srcset='http://cdn11.g5search.com/assets/179174/small-houston-student-apartments-for-rent.jpg?1370529058 1x, http://cdn11.g5search.com/assets/179174/small@2x-houston-student-apartments-for-rent.jpg?1370529058 2x' /><source media='(min-width: 320px)' srcset='http://cdn11.g5search.com/assets/179174/tiny-houston-student-apartments-for-rent.jpg?1370529058 1x, http://cdn11.g5search.com/assets/179174/tiny@2x-houston-student-apartments-for-rent.jpg?1370529058 2x' /><source srcset='/images/initial.png' /><img alt="Houston student apartments for rent" src="/images/initial.png" /></picture>
<!--[if IE 9]></video><![endif]-->
<!--[if IE 8]><img alt="Houston student apartments for rent" src="http://cdn11.g5search.com/assets/179174/large-houston-student-apartments-for-rent.jpg?1370529058" style="ie8img" /><![endif]-->
</li> <li>
<!--[if IE 9]><video><![endif]-->
<picture><source media='(min-width: 1000px)' srcset='http://cdn11.g5search.com/assets/179176/large-student-apartments-houston-tx.jpg?1370529068 1x, http://cdn11.g5search.com/assets/179176/large@2x-student-apartments-houston-tx.jpg?1370529068 2x' /><source media='(min-width: 768px)' srcset='http://cdn11.g5search.com/assets/179176/medium-student-apartments-houston-tx.jpg?1370529068 1x, http://cdn11.g5search.com/assets/179176/medium@2x-student-apartments-houston-tx.jpg?1370529068 2x' /><source media='(min-width: 480px)' srcset='http://cdn11.g5search.com/assets/179176/small-student-apartments-houston-tx.jpg?1370529068 1x, http://cdn11.g5search.com/assets/179176/small@2x-student-apartments-houston-tx.jpg?1370529068 2x' /><source media='(min-width: 320px)' srcset='http://cdn11.g5search.com/assets/179176/tiny-student-apartments-houston-tx.jpg?1370529068 1x, http://cdn11.g5search.com/assets/179176/tiny@2x-student-apartments-houston-tx.jpg?1370529068 2x' /><source srcset='/images/initial.png' /><img alt="Student apartments in houston tx" src="/images/initial.png" /></picture>
<!--[if IE 9]></video><![endif]-->
<!--[if IE 8]><img alt="Student apartments in houston tx" src="http://cdn11.g5search.com/assets/179176/large-student-apartments-houston-tx.jpg?1370529068" style="ie8img" /><![endif]-->
</li> </ul>
<noscript>
<img alt="Houston student apartments for rent" class="noscript" src="http://cdn11.g5search.com/assets/179174/houston-student-apartments-for-rent.jpg?1370529058" />
</noscript>
</div>
<div class="main">
<div class="calls"> <ul class="ctas">
<li><a href="http://vuecollegeliving.com.g5local.com/leads/tour/store/7884">Schedule a Tour</a><span></span></li>
<li><a href="http://vuecollegeliving.com.g5local.com/leads/apply/store/7884">Apply Now</a><span></span></li>
<li><a href="http://vuecollegeliving.com.g5local.com/leads/information/store/7884">Request Info</a><span></span></li>
<li><a href="/coupon/7884" target="_blank">Special Offer</a><span></span></li>
</ul></div>
<ul class="cta-blocks">
<li class="cta-block"><a href="/p/student_apartments/amenities_7884/houston-tx-77021/the-vue-on-macgregor-7884"><img src="http://cdn11.g5search.com/assets/178824/callout-amenities.jpg?1370380049" /> </a>
<h4><a href="/p/student_apartments/amenities_7884/houston-tx-77021/the-vue-on-macgregor-7884">Amenities</a></h4></li>
<li class="cta-block"><a href="/p/student_apartments/neighborhood_7884/houston-tx-77021/the-vue-on-macgregor-7884"><img src="http://cdn11.g5search.com/assets/178826/callout-neighborhood.jpg?1370382928" /> </a>
<h4><a href="/p/student_apartments/neighborhood_7884/houston-tx-77021/the-vue-on-macgregor-7884">Neighborhood</a></h4></li>
<li class="cta-block"><a href="/p/student_apartments/floor_plans_7884/houston-tx-77021/the-vue-on-macgregor-7884"><img src="http://cdn11.g5search.com/assets/178825/callout-floor-plans.jpg?1370380790" /> </a>
<h4><a href="/p/student_apartments/floor_plans_7884/houston-tx-77021/the-vue-on-macgregor-7884">Floor Plans</a></h4></li>
</ul>
<section class="content ">
<div class="text_block"><h1>Houston Student Apartments near University of Houston</h1>
<h2>We are in the process of designing our NEW Website.&nbsp; Call Today for more information!</h2>
<ul>
<li><strong>Leasing Center opening in late Summer 2013.</strong></li>
<li><strong>Apartments available for FALL 2014.</strong></li>
</ul>
<p>What would you do with a few extra minutes each day? The Vue on MacGregor has a few ideas for you! Located at the intersection of MacGregor Way and Calhoun Rd, we are right at the entrance to campus!<br /><br />We are steps away from everything University of Houston has to offer.&nbsp; You can sleep late and walk or bike to class, or check out your favorite hang outs around UH. With the best in off campus student living, the Vue, gives you the great location and luxury amenities you deserve.&nbsp; Located on the south side of campus, students can walk or catch a shuttle to University Center as well as classes within minutes from this community <br /><br />Our 1, 2, 3 and 4-bedroom homes are a combination of modern urban style and student focused amenities. Our cyber caf&eacute;, study lounges and Wi-Fi will keep your studies sharp; while the modern fitness center featuring both free weights and machines, and separate H2O deck, will help you blow off steam.&nbsp; Relax in a state of the art tanning bed and gaming center that combines digital gaming and pool tables with multi-screen TV area.<br /><br />All the stylish urban apartment homes will feature WiFi, cable packages with DVR boxes and 50&rdquo; flat screen TV&rsquo;s.&nbsp; These fully furnished student apartments will have granite countertops and stainless steel appliances with kitchen islands.&nbsp; Walk-in closets and private baths give you the privacy you want. The designer furniture package offers the convenience of beautiful furnishings without the high cost of moving all your stuff. Your Vue student community has it all, location, style and convenience&hellip;and let&rsquo;s face it a few extra minutes of the good life. You. Deserve. It. Lease today!</p></div>
</section>
<aside class="sidebar">
<div class="address block">
<div class="adr">
<h4>The Vue on MacGregor</h4>
<span class="street-address">4460 S. MacGregor</span>
<span class="locality">Houston</span>,
<abbr class="region" title="Texas">TX</abbr>
<span class="postal-code">77021</span>
<div class="hours">
<h4>Office</h4>
<span>Mon-Fri 10:00 am - 6:00 pm</span>
<span>Sat 12:00 pm - 6:00 pm</span>
<span>Sun 1:00 pm - 6:00 pm</span>
</div>
<span class="phone hidden-desktop">Tel 888.415.2602</span><span class="phone visible-desktop">Tel 888.415.2602</span>
<span class="emailus">Send us an <a href="http://vuecollegeliving.com.g5local.com/leads/emailus/store/7884">email</a></span>
</div>
</div>
<div class="social block">
<ul class="social_icons"></ul>
</div>
</aside>
</div>
<footer class="footer">
<div class="footer-content">
<div class="footer-left">
<div class="footer-icons"></div>
<address class="vcard">
<span class="fn org">The Vue on MacGregor</span>
<span class="adr">
<span class="street-address">4460 S. MacGregor</span>
<span class="locality">Houston </span>,
<abbr class="region" title="Texas">TX</abbr>
<span class="postal-code">77021</span>
</span>
<span class="phone hidden-desktop">Tel 888.415.2602</span><span class="phone visible-desktop">Tel 888.415.2602</span>
<span class="emailus">Send us an <a href="http://vuecollegeliving.com.g5local.com/leads/emailus/store/7884">email</a></span>
</address>
<div class="hours">
<h4>Office</h4>
<span>Mon-Fri 10:00 am - 6:00 pm</span>
<span>Sat 12:00 pm - 6:00 pm</span>
<span>Sun 1:00 pm - 6:00 pm</span>
</div>
</div>
<div class="footer-right">
<p class="copy">&copy; 2013 Grand Campus Living</br>Houston, TX</p>
<a href="http://www.getg5.com/" id="signature-brand" target="_blank">Local Marketing Solutions</a>
</div>
</div>
<div class="footer-bottom">
<p class="disclaimer">&nbsp;</p>
</div>
</footer>
<script type="text/javascript" src="//use.typekit.net/set_your_custom_value.js"></script>
<script type="text/javascript">
try {
Typekit.load({
active: function() {
if ($('.content h1').text().length > 14){
$('.content h1').slabText({
'viewportBreakpoint':380,
'minCharsPerLine':14,
'postTweak':true
});
}
}
})
} catch(e) {}
</script>
<script type="text/javascript" async>
$('#zip').each(function() {
var default_value = this.value;
$(this).focus(function() {
if(this.value == default_value) {
this.value = '';
}
});
$(this).blur(function() {
if(this.value == '') {
this.value = default_value;
}
});
});
</script>
<script type="text/javascript" async>
$(".floorplan-modal").click(function() {
var data_url = $(this).attr('data');
$("#floorPlanModal").reveal({
open: function(){
$("#floorPlanModal img").attr("src", data_url);
}
}
);
});
</script>
<script type="text/javascript">var ie8 = false; var ie9 = false;</script>
<!--[if IE 8]><script type="text/javascript">var ie8 = true;</script><![endif]-->
<!--[if IE 9]><script type="text/javascript">var ie9 = true;</script><![endif]-->
<script type="text/javascript" async>
"use strict";
function pictureInit(callback) {
if(ie9 === true){
$('video').each(function() {
$(this).children().unwrap();
});
} else if (ie8 === true) {
$('#slideshow li').each(function() {
$(this).children('img').first().hide();
});
}
callback();
}
pictureInit(function() {
$('picture').pictureTag();
});
</script>
<script type="text/javascript" async>
$(window).load(function() {
var positionCall = function(){
var slideHeight = $("#slideshow").height();
if (Modernizr.mq('(min-width: 1000px)')) {
$(".main .cta-blocks").css("margin-top", slideHeight - 200);
} else if (Modernizr.mq('(min-width: 769px)')){
$(".main .cta-blocks").css("margin-top", "");
};
};
positionCall();
$(window).resize(function () {
positionCall();
});
});
</script>
<script type="text/javascript" async>
$(".store.home #slideshow .rslides_caption").each(function(){
var str = $(this).text().replace(/\s/, "</br>");
$(this).html(str);
});
</script>
<script type="text/javascript" async>
var moveCtas = function(){
if (Modernizr.mq('(max-width: 768px)') && $('.content').prev('.cta-blocks').length > 0) {
var ctaBlocks = $(".cta-blocks").detach();
$('.content').after(ctaBlocks).addClass('adjust-content');
$(".cta-blocks").css("margin-top", "0");
} else if(Modernizr.mq('(min-width: 769px)') && $('.content').next('.cta-blocks').length > 0) {
var ctaBlocks = $(".cta-blocks").detach();
$('.calls').after(ctaBlocks);
$('.content').removeClass('adjust-content');
$(".cta-blocks").removeAttr('style');
};
};
moveCtas();
$(window).resize(function () {
moveCtas();
});
</script>
<script type="text/javascript" async>
// remove next li image divder on hover
$(document).ready(function() {
var hideDivder = function(){
$('#nav li').hover(
function(){
$(this).next().css("background-image", "none");
},
function(){
$(this).next().removeAttr("style");
}
);
};
hideDivder();
$(window).resize(function () {
hideDivder();
});
// remove break tag below tablet size
var changeBreak = function(){
if (Modernizr.mq('(max-width: 768px)')) {
$('#nav li a.top-level').each(function(i){
var htmlCleaned = $(this).html().replace(/<br\s?\/?>/, '<i> </i>');
$(this).html(htmlCleaned);
});
} else {
$('#nav li a.top-level').each(function(i){
var htmlCleaned = $(this).html().replace('<i> </i>', '</br>');
$(this).html(htmlCleaned);
});
};
};
changeBreak();
$(window).resize(function () {
changeBreak();
});
});
</script>
<script type="text/javascript" async>
$('.content ul > li, .content ol > li').wrapInner('<span>');
</script>
<script>
var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com']"),
// The element that is fluid width
$fluidEl = $(".content");
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
$(this)
.data('aspectRatio', this.height / this.width)
// and remove the hard coded width/height
.removeAttr('height')
.removeAttr('width');
});
$(window).resize(function() {
var newWidth = $fluidEl.width();
// Resize all videos according to their own aspect ratio
$allVideos.each(function() {
var $el = $(this);
$el
.width(newWidth)
.height(newWidth * $el.data('aspectRatio'));
});
}).resize();
</script>
<script type="text/javascript" async>
(function($) {
$.fn.scrollToContent = function(options) {
var settings = $.extend({
'scrollTo': '.content',
'scrollSpeed': 500,
'runConditions': Modernizr.mq ? Modernizr.mq('all and (max-width: 480px)') && Modernizr.touch : true
}, options);
var pathname = window.location.href;
if (pathname.indexOf("scrollto=true") >= 0){
var offset = $(settings.scrollTo).offset().top;
$('html, body').animate({
scrollTop: offset
}, settings.scrollSpeed);
}
if(settings.runConditions) {
return this.each(function() {
var $this = $(this);
$this.attr("href", function(index, href) {
var param = "scrollto=true";
var match = href.match(/[?]/);
var sep = match ? "&" : "?";
return href + sep + param;
});
});
}
};
})(jQuery);
$('#nav a[href], .ctas a[href]').scrollToContent({
'scrollTo': '.content'
});
</script>
<script type="text/javascript" async>
function switchToMobileLeads() {
if(Modernizr.mq('all and (max-device-width: 768px)') && Modernizr.touch) {
$('a[href*="/leads/"]').each(function(){
url = this.href.split('/');
url[4] = "mobile_" + url[4];
this.href = url.join('/');
});
}
};
switchToMobileLeads();
</script>
</body>
</html>
body{
background-color:red;
}
p, h1, h3, h3{
color:blue;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment