wassname/bootstrap-landing-pages
1
0
Fork 0
mirror of https://github.com/wassname/bootstrap-landing-pages.git synced 2026-08-09 11:50:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix responsiveness

Browse Source
This commit is contained in:
squirelo
2014-10-03 11:55:26 +02:00
parent 969cbdd367
commit 41798fe392
2 changed files with 32 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/custom.css
+2 -3
View File
@@ -68,7 +68,7 @@ Mailchimp form
*/
#mc-form {
padding: 48px 0 24px;
padding: 24px 0;
}
.error {
@@ -99,8 +99,7 @@ Responsive variables
@media(max-width:767px) {
.logo {
text-align: center;
padding-left: 0;
}
.full-image {
width: 100%;
index.html
+30 -42
View File
@@ -27,7 +27,6 @@
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
@@ -36,48 +35,37 @@
<p class="logo">Startup landing kit</p>
</div>
<!-- right column -->
<div class="col-sm-6 content">
<div class="col-sm-6 col-sm-offset-0 col-xs-10 col-xs-offset-1 content">
<h1>Easily deploy and customize landing pages on Github</h1>
</br>
</br>
<p class="">
We create this landing page template to enable you testing your new startup idea in few minutes.
</p>
<p>
Just create a github account, fork this repository, and that's it: you have a running landing page available on yourusername.github.io/bootstrap-landing-pages
</p>
<iframe src="http://ghbtns.com/github-btn.html?user=Hackerloop&repo=bootstrap-landing-pages&type=fork&size=large"
allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>
<p>
Through the github editor, you can easily edit the wording, add your mailchimp form url and optimizely id.
</p>
<form class="form-inline" role="form" id="mc-form">
<div class="form-group">
<input type="email" class="form-control" id="mc-email" placeholder="Enter your email">
</div>
<button class="btn btn-success" type="submit">Be the first</button>
<label class='mc-label'for="mc-email"></label>
</form>
<p>
We create this landing page template to enable you testing your new startup idea in few minutes.
</p>
<p>
Just create a github account, fork this repository, and that's it: you have a running landing page available on yourusername.github.io/bootstrap-landing-pages
</p>
<iframe src="http://ghbtns.com/github-btn.html?user=Hackerloop&repo=bootstrap-landing-pages&type=fork&size=large"
allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>
<form class="form-inline" role="form" id="mc-form">
<div class="form-group">
<input type="email" class="form-control" id="mc-email" placeholder="Enter your email">
</div>
<button class="btn btn-success" type="submit">Be the first</button>
<label class='mc-label'for="mc-email"></label>
</form>
</div>
</div>
</div>
</div>
<!-- /.container -->
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.ajaxchimp.js"></script>
<script type="text/javascript">
$('#mc-form').ajaxChimp({
url: 'http://hackerloop.us4.list-manage.com/subscribe/post?u=12b41fbdeef049e91e5115ef0&amp;id=e5a5fd635d'
});
</script>
<script type="text/javascript" src="js/global.js"></script>
</body>
</html>
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.ajaxchimp.js"></script>
<script type="text/javascript">
$('#mc-form').ajaxChimp({
url: 'http://hackerloop.us4.list-manage.com/subscribe/post?u=12b41fbdeef049e91e5115ef0&amp;id=e5a5fd635d'
});
</script>
<script type="text/javascript" src="js/global.js"></script>
</body>
</html>