110swag / frontpage

Download as
Browse Code ยป

Commit acaa0c887321d1f88bb6b7c6472000ed816c44bb

Authored by Andrew Buss
1 parent dc3d8f282d
Exists in master

Disabled frontpage button

Showing 1 changed file with 5 additions and 26 deletions Inline Diff

index.html View file @ acaa0c8
<!DOCTYPE html> 1 1 <!DOCTYPE html>
<html> 2 2 <html>
<head> 3 3 <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 4 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="theme-color" content="#D2143F"> 6 6 <meta name="theme-color" content="#D2143F">
<link rel="shortcut icon" href="flashy.ico"> 7 7 <link rel="shortcut icon" href="flashy.ico">
<title>Flashy</title> 8 8 <title>Flashy</title>
9 9
<!-- CSS --> 10 10 <!-- CSS -->
<link href="css/materialize.css" type="text/css" rel="stylesheet"> 11 11 <link href="css/materialize.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet"> 12 12 <link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/font-awesome.min.css" type="text/css" rel="stylesheet"> 13 13 <link href="css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link 14 14 <link
href='https://fonts.googleapis.com/css?family=Satisfy|Titillium+Web:400,200,200italic,300,600,700,900,700italic,600italic,400italic,300italic' 15 15 href='https://fonts.googleapis.com/css?family=Satisfy|Titillium+Web:400,200,200italic,300,600,700,900,700italic,600italic,400italic,300italic'
rel='stylesheet' type='text/css'> 16 16 rel='stylesheet' type='text/css'>
<script src="js/modernizr.js"></script> 17 17 <script src="js/modernizr.js"></script>
<!-- Modernizr --> 18 18 <!-- Modernizr -->
</head> 19 19 </head>
<body id="top" class="scrollspy"> 20 20 <body id="top" class="scrollspy">
21 21
<!-- Pre Loader --> 22 22 <!-- Pre Loader -->
<div id="loader-wrapper"> 23 23 <div id="loader-wrapper">
<div id="loader"></div> 24 24 <div id="loader"></div>
25 25
<div class="loader-section section-left"></div> 26 26 <div class="loader-section section-left"></div>
<div class="loader-section section-right"></div> 27 27 <div class="loader-section section-right"></div>
28 28
</div> 29 29 </div>
30 30
<!--Navigation--> 31
<!--<div class="navbar-fixed navbar-fade">--> 32
<!--<nav id="nav_f" class="default_color" role="navigation">--> 33
<!--<div class="container">--> 34
<!--<div class="nav-wrapper">--> 35
<!--<a id="navbar-logo" href="#top" class="center center-block logo page-scroll">Flashy</a>--> 36
<!--<ul id="nav-mobile" class="right side-nav">--> 37
<!--<li><a href="#intro">Service</a></li>--> 38
<!--<li><a href="#work">Work</a></li>--> 39
<!--<li><a href="#team">Team</a></li>--> 40
<!--<li><a href="#contact">Contact</a></li>--> 41
<!--<li><a href="" target="_blank">Download</a></li>--> 42
<!--</ul><a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>--> 43
<!--</div>--> 44
<!--</div>--> 45
<!--</nav>--> 46
<!--</div>--> 47
48
<!--Hero--> 49 31 <!--Hero-->
<div class="section no-pad-bot" id="index-banner"> 50 32 <div class="section no-pad-bot" id="index-banner">
<div class="container"> 51 33 <div class="container">
<h1 class="text_h center header cd-headline letters type"> 52 34 <h1 class="text_h center header cd-headline letters type">
<span class="logo">Flashy</span> 53 35 <span class="logo">Flashy</span>
<span>.cards</span> 54 36 <span>.cards</span>
</h1> 55 37 </h1>
<br> 56 38 <br>
57 39
<div class="center"> 58 40 <div class="center">
<a href="/app/" class="waves-effect waves-light btn red lighten-2">Check out the app</a> 59 41 <a class="waves-effect waves-light btn red lighten-2 disabled white-text">Check out the app</a>
</div> 60 42 </div>
<br><br> 61 43 <div class="center">
44 Flashy is offline - contact us if you can help host!
45 </div>
<br><br><br> 62 46 <br><br><br>
63 47
<div class="center"> 64 48 <div class="center">
<a href="#intro" class="btn btn-large btn-floating page-scroll"> 65 49 <a href="#intro" class="btn btn-large btn-floating page-scroll">
<i class="fa fa-angle-double-down"></i> 66 50 <i class="fa fa-angle-double-down"></i>
</a> 67 51 </a>
</div> 68 52 </div>
</div> 69 53 </div>
</div> 70 54 </div>
71 55
<!--Intro and service--> 72 56 <!--Intro and service-->
<div id="intro" class="section scrollspy"> 73 57 <div id="intro" class="section scrollspy">
<div class="container"> 74 58 <div class="container">
<div class="row"> 75 59 <div class="row">
<div class="col s12"> 76 60 <div class="col s12">
<h2 class="center header text_h2"><span class="span_h2"> Collaborate </span> with your classmates in 77 61 <h2 class="center header text_h2"><span class="span_h2"> Collaborate </span> with your classmates in
<span class="span_h2"> real time </span> and never forget a thing again!</h2> 78 62 <span class="span_h2"> real time </span> and never forget a thing again!</h2>
</div> 79 63 </div>
<div class="col s12 m4 l4"> 80 64 <div class="col s12 m4 l4">
<div class="center promo promo-example"> 81 65 <div class="center promo promo-example">
<i class="mdi-social-group"></i> 82 66 <i class="mdi-social-group"></i>
<h5 class="promo-caption">Crowdsource the Hard Work</h5> 83 67 <h5 class="promo-caption">Crowdsource the Hard Work</h5>
84 68
<p class="light center"> 85 69 <p class="light center">
Making a flashcard deck for a class is tedious if you're working alone! 86 70 Making a flashcard deck for a class is tedious if you're working alone!
Flashy shares the task among the entire class during lecture.</p> 87 71 Flashy shares the task among the entire class during lecture.</p>
88 72
<p class="light center"> 89 73 <p class="light center">
Contribute cards for your classmates, or just add cards they publish to your 90 74 Contribute cards for your classmates, or just add cards they publish to your
deck. By simply pulling high-quality cards, you contribute by informing Flashy's live feed 91 75 deck. By simply pulling high-quality cards, you contribute by informing Flashy's live feed
ranking system. Working together has never been easier! 92 76 ranking system. Working together has never been easier!
93 77
</p> 94 78 </p>
</div> 95 79 </div>
</div> 96 80 </div>
<div class="col s12 m4 l4"> 97 81 <div class="col s12 m4 l4">
<div class="center promo promo-example"> 98 82 <div class="center promo promo-example">
<i class="mdi-image-flash-on"></i> 99 83 <i class="mdi-image-flash-on"></i>
<h5 class="promo-caption">Never Forget a Card</h5> 100 84 <h5 class="promo-caption">Never Forget a Card</h5>
101 85
<p class="light center">After adding cards to your deck, review the ones that you're most at risk of 102 86 <p class="light center">After adding cards to your deck, review the ones that you're most at risk of
forgetting. 103 87 forgetting.
Flashy uses principles of <a href="http://en.wikipedia.org/wiki/Spaced_repetition">spaced 104 88 Flashy uses principles of <a href="http://en.wikipedia.org/wiki/Spaced_repetition">spaced
repetition</a>, 105 89 repetition</a>,
tracking your entire review history for each card to ensure you get the most out of your study 106 90 tracking your entire review history for each card to ensure you get the most out of your study
time. </p> 107 91 time. </p>
</div> 108 92 </div>
</div> 109 93 </div>
<div class="col s12 m4 l4"> 110 94 <div class="col s12 m4 l4">
<div class="center promo promo-example"> 111 95 <div class="center promo promo-example">
<i class="mdi-hardware-desktop-windows"></i> 112 96 <i class="mdi-hardware-desktop-windows"></i>
<h5 class="promo-caption">Fully Responsive</h5> 113 97 <h5 class="promo-caption">Fully Responsive</h5>
114 98
<p class="light center"> 115 99 <p class="light center">
Use Flashy on both your phone and your desktop computer! 116 100 Use Flashy on both your phone and your desktop computer!
Plus, if you use Chrome on Android, you can opt in to be reminded when a batch of cards is up 117 101 Plus, if you use Chrome on Android, you can opt in to be reminded when a batch of cards is up
for review! 118 102 for review!
</p> 119 103 </p>
</div> 120 104 </div>
</div> 121 105 </div>
122 106
</div> 123 107 </div>
<div class="center"> 124 108 <div class="center">
<a href="#team" class="btn btn-large btn-floating page-scroll"> 125 109 <a href="#team" class="btn btn-large btn-floating page-scroll">
<i class="fa fa-angle-double-down"></i> 126 110 <i class="fa fa-angle-double-down"></i>
</a> 127 111 </a>
</div> 128 112 </div>
</div> 129 113 </div>
</div> 130 114 </div>
131
<!--Parallax--> 132
<!--<div class="parallax-container">--> 133
<!--<div class="parallax"><img src="img/parallax1.png"></div>--> 134
<!--</div>--> 135
136 115
<!--Team--> 137 116 <!--Team-->
<div class="section scrollspy" id="team"> 138 117 <div class="section scrollspy" id="team">
<div class="container"> 139 118 <div class="container">
<h2 class="header text_b"> Our Team </h2> 140 119 <h2 class="header text_b"> Our Team </h2>
141 120
<div class="row"> 142 121 <div class="row">
<div class="col s12 m3"> 143 122 <div class="col s12 m3">
<div class="card card-avatar"> 144 123 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 145 124 <div class="waves-effect waves-block waves-light">
<span class="avatar">gary</span> 146 125 <span class="avatar">gary</span>
</div> 147 126 </div>
<div class="card-content"> 148 127 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Gary Gillespie<br/> 149 128 <span class="card-title activator grey-text text-darken-4">Gary Gillespie<br/>
<small><em><a class="red-text text-darken-1">CEO</a></em></small></span> 150 129 <small><em><a class="red-text text-darken-1">CEO</a></em></small></span>
</div> 151 130 </div>
</div> 152 131 </div>
</div> 153 132 </div>
<div class="col s12 m3"> 154 133 <div class="col s12 m3">
<div class="card card-avatar"> 155 134 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 156 135 <div class="waves-effect waves-block waves-light">
<span class="avatar">abuss</span> 157 136 <span class="avatar">abuss</span>
</div> 158 137 </div>
<div class="card-content"> 159 138 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Andrew<br/> 160 139 <span class="card-title activator grey-text text-darken-4">Andrew<br/>
<small><em><a class="red-text text-darken-1" >DB Specialist</a></em></small> 161 140 <small><em><a class="red-text text-darken-1" >DB Specialist</a></em></small>
</span> 162 141 </span>
</div> 163 142 </div>
</div> 164 143 </div>
</div> 165 144 </div>
<div class="col s12 m3"> 166 145 <div class="col s12 m3">
<div class="card card-avatar"> 167 146 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 168 147 <div class="waves-effect waves-block waves-light">
<span class="avatar">lhawkins</span> 169 148 <span class="avatar">lhawkins</span>
</div> 170 149 </div>
<div class="card-content"> 171 150 <div class="card-content">
<span class="card-title activator grey-text text-darken-4"> 172 151 <span class="card-title activator grey-text text-darken-4">
Laura<br/> 173 152 Laura<br/>
<small><em><a class="red-text text-darken-1" >Project Manager</a></em> 174 153 <small><em><a class="red-text text-darken-1" >Project Manager</a></em>
</small></span> 175 154 </small></span>
</div> 176 155 </div>
</div> 177 156 </div>
</div> 178 157 </div>
<div class="col s12 m3"> 179 158 <div class="col s12 m3">
<div class="card card-avatar"> 180 159 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 181 160 <div class="waves-effect waves-block waves-light">
<span class="avatar">rlee</span> 182 161 <span class="avatar">rlee</span>
</div> 183 162 </div>
<div class="card-content"> 184 163 <div class="card-content">
<span class="card-title activator grey-text text-darken-4"> 185 164 <span class="card-title activator grey-text text-darken-4">
Rachel<br/> 186 165 Rachel<br/>
<small><em><a class="red-text text-darken-1" >Software Dev Lead</a></em> 187 166 <small><em><a class="red-text text-darken-1" >Software Dev Lead</a></em>
</small></span> 188 167 </small></span>
</div> 189 168 </div>
</div> 190 169 </div>
</div> 191 170 </div>
</div> 192 171 </div>
<div class="row"> 193 172 <div class="row">
<div class="col s12 m3"> 194 173 <div class="col s12 m3">
<div class="card card-avatar"> 195 174 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 196 175 <div class="waves-effect waves-block waves-light">
<span class="avatar">rray</span> 197 176 <span class="avatar">rray</span>
</div> 198 177 </div>
<div class="card-content"> 199 178 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Rohan<br/> 200 179 <span class="card-title activator grey-text text-darken-4">Rohan<br/>
<small><em><a class="red-text text-darken-1" >Algo. Specialist</a></em></small></span> 201 180 <small><em><a class="red-text text-darken-1" >Algo. Specialist</a></em></small></span>
</div> 202 181 </div>
</div> 203 182 </div>
</div> 204 183 </div>
<div class="col s12 m3"> 205 184 <div class="col s12 m3">
<div class="card card-avatar"> 206 185 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 207 186 <div class="waves-effect waves-block waves-light">
<span class="avatar">namtran</span> 208 187 <span class="avatar">namtran</span>
</div> 209 188 </div>
<div class="card-content"> 210 189 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Phuong<br/> 211 190 <span class="card-title activator grey-text text-darken-4">Phuong<br/>
<small><em><a class="red-text text-darken-1" >Q.A. Lead</a></em></small> 212 191 <small><em><a class="red-text text-darken-1" >Q.A. Lead</a></em></small>
</span> 213 192 </span>
</div> 214 193 </div>
</div> 215 194 </div>
</div> 216 195 </div>
<div class="col s12 m3"> 217 196 <div class="col s12 m3">
<div class="card card-avatar"> 218 197 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 219 198 <div class="waves-effect waves-block waves-light">
<span class="avatar">ckwang</span> 220 199 <span class="avatar">ckwang</span>
</div> 221 200 </div>
<div class="card-content"> 222 201 <div class="card-content">
<span class="card-title activator grey-text text-darken-4"> 223 202 <span class="card-title activator grey-text text-darken-4">
Kent<br/> 224 203 Kent<br/>
<small><em><a class="red-text text-darken-1" >Business Analyst</a></em> 225 204 <small><em><a class="red-text text-darken-1" >Business Analyst</a></em>
</small></span> 226 205 </small></span>
</div> 227 206 </div>
</div> 228 207 </div>
</div> 229 208 </div>
<div class="col s12 m3"> 230 209 <div class="col s12 m3">
<div class="card card-avatar"> 231 210 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 232 211 <div class="waves-effect waves-block waves-light">
<span class="avatar">mjeng</span> 233 212 <span class="avatar">mjeng</span>
</div> 234 213 </div>
<div class="card-content"> 235 214 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Melody<br/> 236 215 <span class="card-title activator grey-text text-darken-4">Melody<br/>
<small><em><a class="red-text text-darken-1" >Software Arch.</a></em></small></span> 237 216 <small><em><a class="red-text text-darken-1" >Software Arch.</a></em></small></span>
</div> 238 217 </div>
</div> 239 218 </div>
</div> 240 219 </div>
</div> 241 220 </div>
<div class="row"> 242 221 <div class="row">
<div class="col s12 m3"> 243 222 <div class="col s12 m3">
<div class="card card-avatar"> 244 223 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 245 224 <div class="waves-effect waves-block waves-light">
<span class="avatar">mrahman</span> 246 225 <span class="avatar">mrahman</span>
</div> 247 226 </div>
<div class="card-content"> 248 227 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Masud<br/> 249 228 <span class="card-title activator grey-text text-darken-4">Masud<br/>
<small><em><a class="red-text text-darken-1" >UI Specialist</a></em></small></span> 250 229 <small><em><a class="red-text text-darken-1" >UI Specialist</a></em></small></span>
</div> 251 230 </div>
</div> 252 231 </div>
</div> 253 232 </div>
<div class="col s12 m3"> 254 233 <div class="col s12 m3">
<div class="card card-avatar"> 255 234 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 256 235 <div class="waves-effect waves-block waves-light">
<span class="avatar">arnog</span> 257 236 <span class="avatar">arnog</span>
</div> 258 237 </div>
<div class="card-content"> 259 238 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Arno<br/> 260 239 <span class="card-title activator grey-text text-darken-4">Arno<br/>
<small><em><a class="red-text text-darken-1" >Sr. Sys. Analyst</a></em></small></span> 261 240 <small><em><a class="red-text text-darken-1" >Sr. Sys. Analyst</a></em></small></span>
</div> 262 241 </div>
</div> 263 242 </div>
</div> 264 243 </div>
<div class="col s12 m3"> 265 244 <div class="col s12 m3">
<div class="card card-avatar"> 266 245 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 267 246 <div class="waves-effect waves-block waves-light">
<span class="avatar">kmach</span> 268 247 <span class="avatar">kmach</span>
</div> 269 248 </div>
<div class="card-content"> 270 249 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Kevin<br/> 271 250 <span class="card-title activator grey-text text-darken-4">Kevin<br/>
<small><em><a class="red-text text-darken-1" >UI Specialist</a></em></small> 272 251 <small><em><a class="red-text text-darken-1" >UI Specialist</a></em></small>
</span> 273 252 </span>
</div> 274 253 </div>
</div> 275 254 </div>
</div> 276 255 </div>
<div class="col s12 m3"> 277 256 <div class="col s12 m3">
<div class="card card-avatar"> 278 257 <div class="card card-avatar">
<div class="waves-effect waves-block waves-light"> 279 258 <div class="waves-effect waves-block waves-light">
<span class="avatar">pinkmuffinere</span> 280 259 <span class="avatar">pinkmuffinere</span>
</div> 281 260 </div>
<div class="card-content"> 282 261 <div class="card-content">
<span class="card-title activator grey-text text-darken-4">Michael<br/> 283 262 <span class="card-title activator grey-text text-darken-4">Michael<br/>
<small><em><a class="red-text text-darken-1" >Unpaid intern</a></em></small></span> 284 263 <small><em><a class="red-text text-darken-1" >Unpaid intern</a></em></small></span>
</div> 285 264 </div>
</div> 286 265 </div>
</div> 287 266 </div>
</div> 288 267 </div>
<br> 289 268 <br>
<div class="center"> 290 269 <div class="center">
<a href="#index-banner" class="btn btn-large btn-floating page-scroll"> 291 270 <a href="#index-banner" class="btn btn-large btn-floating page-scroll">
<i class="fa fa-angle-double-up"></i> 292 271 <i class="fa fa-angle-double-up"></i>
</a> 293 272 </a>
</div> 294 273 </div>
<br> 295 274 <br>
</div> 296 275 </div>
</div> 297 276 </div>
298 277
<!--Footer--> 299 278 <!--Footer-->
<footer id="contact" class="page-footer default_color scrollspy"> 300 279 <footer id="contact" class="page-footer default_color scrollspy">
<div class="container"> 301 280 <div class="container">
<div class="row"> 302 281 <div class="row">
<div class="col l6 s12"> 303 282 <div class="col l6 s12">
<div class="footer-copyright default_color"> 304 283 <div class="footer-copyright default_color">
<div class="container"> 305 284 <div class="container">
<p> 306 285 <p>
For more information, contact us <a class="white-text" href="mailto:halp@flashy.cards">by 307 286 For more information, contact us <a class="white-text" href="mailto:halp@flashy.cards">by
email</a>.</p> 308 287 email</a>.</p>
</div> 309 288 </div>
</div> 310 289 </div>
</div> 311 290 </div>
<div class="col l6 s12"> 312 291 <div class="col l6 s12">
<div class="footer-copyright default_color"> 313 292 <div class="footer-copyright default_color">
<div class="container"> 314 293 <div class="container">