Skip to content

Commit

Permalink
fullsite progress
Browse files Browse the repository at this point in the history
  • Loading branch information
@jalvarado91
jalvarado91 committed Aug 27, 2016
1 parent 4a7ddbd commit 8ba7aea
Show file tree
Hide file tree
Showing 12 changed files with 742 additions and 192 deletions.
2 changes: 1 addition & 1 deletion assets/css/styles.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ gulp.task('sass', function () {
autoprefixer,
cssnano
];
return gulp.src('./src/scss/*.scss')
return gulp.src('./src/scss/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(postcss(processors))
.pipe(gulp.dest('./assets/css'))
Expand Down
225 changes: 198 additions & 27 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,44 +33,215 @@

<link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body>
<div class="bg"></div>
<div class="content-wrap">
<div class="main-container">
<div class="heading">
<div class="wordmark">
<img src="/assets/img/wordmark.png" class="img-responsive" alt="Floatie">
</div>
<p class="date-location">
October 1-2, 2016 | Orlando, FL
</p>
<p class="description">
A conference for student tech community builders in Florida.
</p>
<body class="home">
<section class="fold">

<div class="sky">
<div class="container">
<nav class="nav">
<a href="#">attend</a>
<a href="#">speak</a>
<a href="#">sponsor</a>
<a href="#">contact</a>
</nav>
<div class="heading">
<div class="wordmark">
<img src="/assets/img/wordmark.png" class="img-responsive" alt="Floatie">
</div>
<p class="date-location">
October 1-2, 2016 | Orlando, FL
</p>
<p class="description">
A conference for student tech community builders in Florida.
</p>
</div>
</div>
</div><!-- /.sky -->

<div class="water">
<div class="container">
<div class="floatie">
<img src="/assets/img/floatie.png" class="img-responsive" alt="Floatie Giraffe" />
</div>
<div class="action-buttons">
<a class="button" href="#">Register</a>
<a class="button" href="#">Speak</a>
<a class="button" href="#">Sponsor</a>
</div>
</div>
<div class="floatie">
<img src="/assets/img/floatie.png" class="img-responsive" alt="Floatie Giraffe" />
</div><!-- /.water -->

</section><!-- /.fold -->

<section class="home-section intro">
<div class="container">
<h2 class="section-header">What is Floatie</h2>
<h3 class="section-subheader">A rising tide lifts all boats</h3>

<div class="lead">
<p>So how do we rise?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum vitae, dolorum quo magnam unde voluptatem similique, aut dicta commodi molestiae eum nesciunt ipsa, neque explicabo reprehenderit id? Impedit, recusandae! Est magni, soluta inventore dignissimos. Odio quis, sit deleniti nostrum culpa rem. Commodi, illum in laudantium incidunt, unde vitae deleniti quasi.</p>
</div>
<div class="updates-form">
<form method="post" action="//floridahackers.us13.list-manage.com/subscribe/post?u=2a5be772e22f4872a3c2a808d&amp;id=66e1886aec">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_2a5be772e22f4872a3c2a808d_66e1886aec" tabindex="-1" value=""></div>
<label for="email">Sign up for updates</label>
<div class="input-group">
<input type="email" id="email" name="EMAIL" required="true" placeholder="email address">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</section><!-- /.intro -->

<section class="home-section where">
<div class="container">
<h2 class="section-header">Where is Floatie</h2>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat totam neque repellat omnis, rerum nulla voluptatibus magnam ut illo nobis aliquid architecto doloremque, inventore debitis tempora qui recusandae sequi impedit.
</div>
</form>
<div class="locations row">
<div class="location col-xs-6">
<h4>My CoolPlace</h4>
<p class="address">123 Elm St. Orlando, FL 32801</p>
<div class="links"><a href="#">Website</a> | <a href="#">Map</a></div>
</div>
<div class="location col-xs-6">
<h4>My CoolPlace</h4>
<p class="address">123 Elm St. Orlando, FL 32801</p>
<div class="links"><a href="#">Website</a> | <a href="#">Map</a></div>
</div>
</div><!-- /.locations -->
</div>
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="img-wrap col-xs-6 col-md-12 mb-md">
<img class="img-responsive" src="http://unsplash.it/721/360" alt="">
</div>
<div class="img-wrap col-xs-6 col-md-12 mb-md">
<img class="img-responsive" src="http://unsplash.it/720/361" alt="">
</div>
</div>
</div>
</div>
</div>
</section><!-- /.where -->

<section class="home-section schedule">
<div class="container">
<h2 class="section-header">Event Schedule</h2>

<div class="days">
<div class="day day1">
<h3>Day 1 <small>&nbsp;/&nbsp; October 2nd</small></h3>
<ul class="times">
<li><span class="time">10:00am</span> Check-in Begins</li>
<li><span class="time">11:30am</span> Opening Ceremony</li>
<li><span class="time">1:00pm</span> Lunch</li>
<li><span class="time">2:00pm</span> Main talk</li>
<li><span class="time">7:00pm</span> Dinner</li>
</ul>
</div>
<div class="day day2">
<h3>Day 2 <small>&nbsp;/&nbsp; October 3rd</small></h3>
<ul class="times">
<li><span class="time">10:00am</span> Check-in Begins</li>
<li><span class="time">11:30am</span> Opening Ceremony</li>
<li><span class="time">1:00pm</span> Lunch</li>
<li><span class="time">2:00pm</span> Main talk</li>
<li><span class="time">7:00pm</span> Dinner</li>
</ul>
</div>
</div><!-- /.days -->

</div>
</section><!-- /.schedule -->

<section class="home-section faqs">
<div class="container">
<h2 class="section-header">Cool, but I got a couple questios (aka, FAQs)</h2>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="faq mb-md">
<h3 class="question">What is love?</h3>
<p class="answer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates nisi, numquam enim esse corrupti cum perferendis soluta et ullam. Accusantium error at beatae doloribus corporis.</p>
</div>
</div>
</div>
</div>
</section>

<section class="home-section sponsors">
<div class="container">
<h2 class="section-header">Floatie is made possible <br> by these positively disruptive people:</h2>

<div class="row sponsor-row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2">
<img class="img-responsive" src="http://ima.gs/transparent/ffffff/ffffff/Company-640x180.png" alt="">
</div>
</div>

<div class="row sponsor-row">
<div class="col-xs-12 col-sm-4 col-sm-offset-1">
<img class="img-responsive" src="http://ima.gs/transparent/ffffff/ffffff/Startup-640x180.png" alt="">
</div>
<div class="col-xs-12 col-sm-4 col-sm-offset-2">
<img class="img-responsive" src="http://ima.gs/transparent/ffffff/ffffff/Company-640x180.png" alt="">
</div>
</div>
</div>
<div class="footer">
</section>

<section class="home-section calls-to-action">
<div class="container">
<div class="section-header mb-lg">
Tru tru tru. How can I get involved.
</div>
<div class="actions">
<a href="" class="button">speak</a>
<a href="" class="button">register</a>
<a href="" class="button">sponsor</a>
</div>
</div>
</section>

<div class="footer">
<div class="footer-container">
<div class="heart">Made with ♥ by <a target="_blank" href="http://floridahackers.com">Florida Hackers</a></div>
<div class="contact-emails">
<a href="mailto:[email protected]">[email protected]</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>
Made with ♥ by <a target="_blank" href="http://floridahackers.com">Florida Hackers</a>
</div>
</div>

</body>
</html>
121 changes: 121 additions & 0 deletions speak.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Speak at Floatie | A Conference for Student Tech Community Builders in Florida</title>

<!-- Favicon and such -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#AFE1F7">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#AFE1F7">
<!-- End Favicons -->

<!-- FB OpenGraph Info -->
<meta property="og:image" content="http://floatie.io/assets/img/oggraphimg.jpg">
<meta property="og:site_name" content="Speak at Floatie">
<meta property="og:url" content="http://floatie.io" />
<!-- FB OpenGraph Info -->

<link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body class="speak">

<div class="navbar">
<div class="container">
<div class="logo">
<a href="index.php">
<img src="/assets/img/wordmark.png" class="img-responsive" alt="Floatie">
</a>
</div>
<nav class="nav">
<a href="#">attend</a>
<a href="#">speak</a>
<a href="#">sponsor</a>
<a href="#">contact</a>
</nav>
</div>
</div>

<section class="speak-section intro">
<div class="container">
<h2 class="section-header">Who is speaking at this conference?</h2>

<p>You are!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet modi porro aperiam laudantium, blanditiis, quia.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi quo cum, deleniti nemo est natus perferendis. In odit ratione officiis unde vel nesciunt, rerum itaque corporis excepturi adipisci iusto, omnis distinctio repellat dolores enim, minima!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo dolores adipisci pariatur tenetur reiciendis commodi ex illum error, consequatur ratione possimus. Consequatur recusandae doloribus rem.</p>
</div>
</section><!-- /.intro -->

<section class="speak-section talks">
<div class="container">
<h2 class="section-header">There are five types of talks at this conference:</h2>
<div class="talk-type">
<h2 class="title">Keynote</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta eius, voluptatum quod nam, amet vitae iste ducimus magni fuga alias hic. Asperiores voluptate, culpa omnis laboriosam tempore harum soluta nisi.</p>
</div>
<div class="talk-type">
<h2 class="title">Main Talk</h2>
<p class="available">Sign up: Available</p>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta eius, voluptatum quod nam, amet vitae iste ducimus magni fuga alias hic. Asperiores voluptate, culpa omnis laboriosam tempore harum soluta nisi.</p>
</div>
<div class="talk-type">
<h2 class="title">Discussion Sessions</h2>
<p class="available">Sign up: Available</p>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta eius, voluptatum quod nam, amet vitae iste ducimus magni fuga alias hic. Asperiores voluptate, culpa omnis laboriosam tempore harum soluta nisi.</p>
</div>
<div class="talk-type">
<h2 class="title">Lighting Talks</h2>
<p class="available">Sign up: Available</p>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta eius, voluptatum quod nam, amet vitae iste ducimus magni fuga alias hic. Asperiores voluptate, culpa omnis laboriosam tempore harum soluta nisi.</p>
</div>
<div class="talk-type">
<h2 class="title">Barcamp Talks</h2>
<p class="available">Sign up: During Event</p>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta eius, voluptatum quod nam, amet vitae iste ducimus magni fuga alias hic. Asperiores voluptate, culpa omnis laboriosam tempore harum soluta nisi.</p>
</div>
</div>
</section><!-- /.where -->


<section class="speak-section calls-to-action">
<div class="container">
<div class="section-header mb-lg">
Apply to speak today!
</div>
<div class="actions">
<a href="#" class="button">speak</a>
</div>
</div>
</section>

<div class="footer">
<div class="footer-container">
<div class="heart">Made with ♥ by <a target="_blank" href="http://floridahackers.com">Florida Hackers</a></div>
<div class="contact-emails">
<a href="mailto:[email protected]">[email protected]</a>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>

</body>
</html>
Loading

0 comments on commit 8ba7aea

Please sign in to comment.