1
0
mirror of https://github.com/dutchcoders/transfer.sh.git synced 2020-11-18 19:53:40 -08:00

home animations

This commit is contained in:
Uvis Grinfelds 2014-10-20 15:33:05 +02:00
parent e8564bbf95
commit c46d361bb7
5 changed files with 3458 additions and 24 deletions

View File

@ -56,18 +56,18 @@
<section id="home"> <section id="home">
<div class="wrapper"> <div class="wrapper">
<h2> <h2>
Upload and share your files Easy file sharing from the command line
</h2> </h2>
<div class="row"> <div class="row animated fadeInDown">
<div id="from-terminal" class="animated fadeIn box col-md-6 col-xs-12"> <div id="from-terminal" class=" box col-md-6 col-xs-12">
<h3>Easy sharing from the command-line</h3> <h3>From terminal</h3>
<div id="terminal"> <div id="terminal">
<p style='white-space:pre'></p> <p style='white-space:pre'></p>
</div> </div>
</div> </div>
<div id="from-web" class="col-md-6 col-xs-12"> <div id="from-web" class="col-md-6 col-xs-12">
<h3>From web</h3> <h3>Or from web</h3>
<div id="web"> <div id="web">
<a class="browse" href="#"> <a class="browse" href="#">
@ -79,7 +79,7 @@
<li> <li>
</li> </li>
</ul> </ul>
<div class='all-files' > <div class='all-files'>
<h4>Download your files:</h4> <h4>Download your files:</h4>
<a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a> <a class="download-zip btn-cta" href="#">zip</a> <a class="download-tar btn-cta" href="#">tar.gz</a>
</div> </div>
@ -89,7 +89,13 @@
</div> </div>
</div> </div>
</div>
<div>
<br>
<br>
<a href="#features" class="btn-cta">learn more</i> </a> <a href="#features" class="btn-cta">learn more</i> </a>
<br>
<br>
</div> </div>
</section> </section>

View File

@ -2,17 +2,18 @@
text-align: center; text-align: center;
h2 { h2 {
font-size: 40x; font-size: 40px;
} }
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
padding: 50px; padding: 50px;
h2 { h2 {
font-size: 65px; font-size: 60px;
margin-top: -10px; margin-top: -10px;
margin-bottom: 45px; margin-bottom: 45px;
} }
} }
} }
#from-terminal, #from-terminal,
@ -37,6 +38,11 @@
font-size: 18px; font-size: 18px;
} }
border-radius: 5px; border-radius: 5px;
.btn-cta {
padding: 5px 10px;
font-size: 14px;
}
} }
#web, #terminal { #web, #terminal {
@ -57,6 +63,7 @@
margin-top: -10px; margin-top: -10px;
font-size: 14px; font-size: 14px;
} }
} }

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
@import "bootstrap.less"; @import "bootstrap.less";
@import "../bower_components/"; @import "../bower_components/animate.less/animate.less";
@import "config"; @import "config";
@import "includes/global"; @import "includes/global";