Skip to content

Gophercon Responsive #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Gophercon Responsive #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e7246fc
Responsive styles for gopher con 2016, Also added the new logo and ed…
ardan-erick Feb 5, 2016
5467048
small fixes for the template
ardan-erick Feb 22, 2016
4ee1a91
color and logo change
ardan-erick Feb 22, 2016
a11ae1c
logo image change
ardan-erick Feb 22, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 15 additions & 21 deletions themes/gophercon/layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,8 @@
<link href="2016/css/theme-gophercon.css" rel="stylesheet" type="text/css" media="all"/>
<link href="2016/font/styles.css" rel="stylesheet" type="text/css" media="all"/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
</head>
<link href='https://fonts.googleapis.com/css?family=Bitter:400,400italic,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="loader">
<div class="strip-holder">
Expand All @@ -20,18 +21,15 @@
</div>
</div>


<a id="top"></a>

<div class="nav-container"></div>
<div class="main-container">
<div class="row colors">
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
</div>
<section class="hero-slider">
<ul class="slides">
Expand All @@ -50,7 +48,7 @@
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<img alt="logo" class="logo" src="2016/img/gophercon2016-2.png">
<img alt="logo" class="logo" src="2016/img/gopher-logo.png">
<span class="uppercase text-white">July 11th to 13th - Denver, Colorado</span>
<h1 class="large-h1 text-white">Largest event in the world dedicated to the Go programming language.</h1>
</div>
Expand Down Expand Up @@ -99,7 +97,7 @@ <h1>Give a talk and your ticket, flight, and stay are free!</h1>
<section class="contained-gallery">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-6">
<div class="col-md-5">
<h1>Why attend GopherCon?</h1>

<p class="lead">
Expand All @@ -110,9 +108,9 @@ <h1>Why attend GopherCon?</h1>
<a href="/Gophercon2016Prospectus.pdf" class="btn btn-hollow"><i class="icons8-handshake-filled"></i> Sponsor 2016</a>
</div>

<div class="col-md-6 col-sm-6 col-md-offset-1">
<div class="col-md-6 col-md-offset-1">
<div class="embedded-video-holder vju">
<iframe width="600" height="370" src="https://www.youtube.com/embed/616jvCSR0cg?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
<iframe width="100%" height="370" src="https://www.youtube.com/embed/616jvCSR0cg?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
Expand Down Expand Up @@ -176,7 +174,7 @@ <h1>Why attend GopherCon?</h1>

<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<div class="col-md-8 col-md-offset-2 text-center">
<h1 class="text-white large-h1">
<img class="icon" src="2016/img/icons/Camera-50.png" width="40" style="margin-right: 5px">
Memories from GopherCon 2015</h1>
Expand All @@ -194,7 +192,7 @@ <h1>Hotel Accomodations</h1>
</div>

<div class="row">
<div class="col-md-3 col-sm-6">
<div class="col-sm-6">
<div class="info-box">
<div class="hotel-price"><strong>$175</strong><small> / night, plus tax</small></div>
<img alt="Hampton Inn" src="2016/img/hotels/hampton.jpg">
Expand All @@ -212,7 +210,7 @@ <h3 class="hotel-name">Hampton Inn<span class="hotel-phone">800.445.8667</span><
</div>
</div>

<div class="col-md-3 col-sm-6">
<div class="col-sm-6">
<div class="info-box">
<div class="hotel-price"><strong>$185</strong><small> / night, plus tax</small></div>
<img alt="Homewood Suites" src="2016/img/hotels/homewood.jpg">
Expand All @@ -228,7 +226,7 @@ <h3 class="hotel-name">Homewood Suites<span class="hotel-phone">800.445.8667</sp
</div>
</div>

<div class="col-md-3 col-sm-6">
<div class="col-sm-6">
<div class="info-box">
<div class="hotel-price"><strong>$185</strong><small> / night, plus tax</small></div>
<img alt="Hyatt Place" src="2016/img/hotels/hyatt.jpg">
Expand All @@ -244,7 +242,7 @@ <h3 class="hotel-name">Hyatt Place<span class="hotel-phone">888.591.1234</span><
</div>
</div>

<div class="col-md-3 col-sm-6">
<div class="col-sm-6">
<div class="info-box">
<div class="hotel-price"><strong>$189</strong><small> / night, plus tax</small></div>
<img alt="Hilton Garden Inn" src="2016/img/hotels/hiltongardeninn.jpg">
Expand Down Expand Up @@ -276,17 +274,13 @@ <h3 class="hotel-name">Hilton Garden Inn<span class="hotel-phone">855.215.1283</
<a href="http://creativecommons.org/licenses/by/3.0/us/" target="blank">Creative Commons Attribution 3.0 license.</a>
</p>
</div>

<div class="col-sm-5 text-right">
<ul class="menu">
<li><a href="https://gopheracademy.com/about/">About</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
<li><a class="inner-link back-to-top" href="#top">Back To Top&nbsp;<i class="icon pe-7s-angle-up-circle"></i></a></li>
<!-- <li><a href="https://www.digitalocean.com/"><img height=39 width=140 src="/img/dohost.png" /></a></li> -->

<li><a href="https://gopheracademy.com/about/">About</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
<li><a class="inner-link back-to-top" href="#top">Back To Top&nbsp;<i class="icon pe-7s-angle-up-circle"></i></a></li>
</ul>
</div>

</div>
</div>
</footer>
Expand Down
Loading