110swag / frontpage

Download as
Browse Code ยป

Commit fbc2c4148c3ea48f5ab3101188874f0eae506112

Authored by Rohan Rangray
1 parent aa575c6eb3
Exists in master

Fixed mrahman's nick

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

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