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:
parent
e8564bbf95
commit
c46d361bb7
@ -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>
|
||||||
|
|
||||||
|
@ -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
@ -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";
|
||||||
|
Loading…
x
Reference in New Issue
Block a user