Skip to content

Commit 5b5cec9

Browse files
swcoolswcool
committed
initial
0 parents  commit 5b5cec9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+13509
-0
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
_site

‎README.md

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Landing Page Jekyll theme
2+
3+
Jekyll theme based on [landing-page bootstrap theme ](http://startbootstrap.com/templates/landing-page/)
4+
5+
## How to use
6+
- Place a image in `/img/services/`
7+
- Create posts to display your services. Use the follow as an example:
8+
9+
```txt
10+
---
11+
layout: default
12+
img: ipad.png
13+
category: Services
14+
title: The service title
15+
description: The description of the service
16+
---
17+
```
18+
19+
## Demo
20+
View this jekyll theme in action [here](https://swcool.github.io/landing-page-theme)
21+
22+
## Screenshot
23+
![screenshot](https://raw.githubusercontent.com/swcool/landing-page-theme/master/img/screenshot.png)
24+
25+
===
26+
27+
For more Jekyll details, read [documentation](http://jekyllrb.com/).
28+
This Jekyll theme used [Freelancer Jekyll theme](https://github.com/jeromelachaud/freelancer-theme/) as reference.

‎_config.yml

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# ----------------------- #
2+
# Main Configs #
3+
# ----------------------- #
4+
5+
url: http://yoursite.com
6+
title: Your Awesome Site
7+
email: [email protected]
8+
description: > # "Write an awesome description for your new site here.
9+
You can edit this line in _config.yml. It will appear in your document
10+
head meta (for Google search results) and in your feed.xml site
11+
description."
12+
13+
# ----------------------- #
14+
# Jekyll & Plugins #
15+
# ----------------------- #
16+
17+
# Build settings
18+
markdown: kramdown
19+
permalink: pretty
20+
21+
# ----------------------- #
22+
# 3rd Party Settings #
23+
# ----------------------- #
24+
25+
social:
26+
- title: twitter
27+
url: https://twitter.com/SBootstrap
28+
- title: github
29+
url: https://github.com/IronSummitMedia/startbootstrap
30+
- title: linkedin
31+
url:

‎_includes/contact.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<div class="banner">
2+
3+
<div class="container">
4+
5+
<div class="row">
6+
<div class="col-lg-6">
7+
<h2>Connect to Start Bootstrap:</h2>
8+
</div>
9+
<div class="col-lg-6">
10+
<ul class="list-inline banner-social-buttons">
11+
{% for social in site.social %}
12+
<li>
13+
<a href="{{ social.url }}" class="btn btn-default btn-lg"><i class="fa fa-{{ social.title }} fa-fw"></i> <span class="network-name">{{ social.title }}</span></a>
14+
</li>
15+
{% endfor %}
16+
</ul>
17+
</div>
18+
</div>
19+
20+
</div>
21+
<!-- /.container -->
22+
23+
</div>
24+
<!-- /.banner -->

‎_includes/footer.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!-- Footer -->
2+
<footer>
3+
<div class="container">
4+
<div class="row">
5+
<div class="col-md-8">
6+
<ul class="list-inline">
7+
<li>
8+
<a href="#home">Home</a>
9+
</li>
10+
<li class="footer-menu-divider">&sdot;</li>
11+
<li>
12+
<a href="#about">About</a>
13+
</li>
14+
<li class="footer-menu-divider">&sdot;</li>
15+
<li>
16+
<a href="#services">Services</a>
17+
</li>
18+
<li class="footer-menu-divider">&sdot;</li>
19+
<li>
20+
<a href="#contact">Contact</a>
21+
</li>
22+
</ul>
23+
<p class="copyright text-muted small">Copyright &copy; {{ site.title }} All Rights Reserved</p>
24+
</div>
25+
<div class="col-md-4">
26+
Credits: Landing Page is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com/">Start Bootstrap</a>.
27+
</div>
28+
</div>
29+
</div>
30+
</footer>

‎_includes/head.html

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<head>
2+
3+
<meta charset="utf-8">
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta name="description" content="">
7+
<meta name="author" content="">
8+
9+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
10+
11+
<!-- Bootstrap Core CSS -->
12+
<link href="css/bootstrap.min.css" rel="stylesheet">
13+
14+
<!-- Custom CSS -->
15+
<link href="css/landing-page.css" rel="stylesheet">
16+
17+
<!-- Custom Fonts -->
18+
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
19+
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
20+
21+
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
23+
<!--[if lt IE 9]>
24+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
25+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
26+
<![endif]-->
27+
28+
</head>

‎_includes/header.html

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!-- Navigation -->
2+
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
3+
<div class="container">
4+
<!-- Brand and toggle get grouped for better mobile display -->
5+
<div class="navbar-header">
6+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
7+
<span class="sr-only">Toggle navigation</span>
8+
<span class="icon-bar"></span>
9+
<span class="icon-bar"></span>
10+
<span class="icon-bar"></span>
11+
</button>
12+
<a class="navbar-brand" href="#">{{ site.title }}</a>
13+
</div>
14+
<!-- Collect the nav links, forms, and other content for toggling -->
15+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
16+
<ul class="nav navbar-nav navbar-right">
17+
<li>
18+
<a href="#">About</a>
19+
</li>
20+
<li>
21+
<a href="#">Services</a>
22+
</li>
23+
<li>
24+
<a href="#">Contact</a>
25+
</li>
26+
</ul>
27+
</div>
28+
<!-- /.navbar-collapse -->
29+
</div>
30+
<!-- /.container -->
31+
</nav>
32+
33+
<!-- Header -->
34+
<div class="intro-header">
35+
36+
<div class="container">
37+
38+
<div class="row">
39+
<div class="col-lg-12">
40+
<div class="intro-message">
41+
<h1>{{ page.title }}</h1>
42+
<h3>{{ page.subTitle }}</h3>
43+
<hr class="intro-divider">
44+
<ul class="list-inline intro-social-buttons">
45+
{% for social in site.social %}
46+
<li>
47+
<a href="{{ social.url }}" class="btn btn-default btn-lg"><i class="fa fa-{{ social.title }} fa-fw"></i> <span class="network-name">{{ social.title }}</span></a>
48+
</li>
49+
{% endfor %}
50+
</ul>
51+
</div>
52+
</div>
53+
</div>
54+
55+
</div>
56+
<!-- /.container -->
57+
58+
</div>
59+
<!-- /.intro-header -->

‎_includes/js.html

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<!-- jQuery Version 1.11.0 -->
2+
<script src="js/jquery-1.11.0.js"></script>
3+
4+
<!-- Bootstrap Core JavaScript -->
5+
<script src="js/bootstrap.min.js"></script>

‎_includes/page_content.html

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!-- Page Content -->
2+
{% for post in site.posts reversed %}
3+
{% capture thecycle %}{% cycle 'odd', 'even' %}{% endcapture %}
4+
{% if thecycle == 'odd' %}
5+
<div class="content-section-a">
6+
7+
<div class="container">
8+
9+
<div class="row">
10+
<div class="col-lg-5 col-sm-6">
11+
<hr class="section-heading-spacer">
12+
<div class="clearfix"></div>
13+
<h2 class="section-heading">{{ post.title }}</h2>
14+
{{ post.description }}
15+
</div>
16+
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
17+
<img class="img-responsive" src="img/services/{{ post.img }}" alt="">
18+
</div>
19+
</div>
20+
21+
</div>
22+
<!-- /.container -->
23+
24+
</div>
25+
<!-- /.content-section-a -->
26+
{% else %}
27+
28+
<div class="content-section-b">
29+
30+
<div class="container">
31+
32+
<div class="row">
33+
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
34+
<hr class="section-heading-spacer">
35+
<div class="clearfix"></div>
36+
<h2 class="section-heading">{{ post.title }}</h2>
37+
{{ post.description }}
38+
</div>
39+
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
40+
<img class="img-responsive" src="img/services/dog.png" alt="">
41+
</div>
42+
</div>
43+
44+
</div>
45+
<!-- /.container -->
46+
47+
</div>
48+
<!-- /.content-section-b -->
49+
{% endif %}
50+
{% endfor %}

‎_layouts/default.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
{% include head.html %}
4+
5+
<body>
6+
{% include header.html %}
7+
{% include page_content.html %}
8+
{% include contact.html %}
9+
{% include footer.html %}
10+
{% include js.html %}
11+
</body>
12+
</html>

‎_posts/2014-09-21-services-1.markdown

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: default
3+
img: ipad.png
4+
category: Services
5+
title: Death to the Stock Photo:<br>Special Thanks
6+
description: |
7+
<p class="lead">A special thanks to <a target="_blank"
8+
href="http://join.deathtothestockphoto.com/">Death to the Stock
9+
Photo</a> for providing the photographs that you see in this template.
10+
Visit their website to become a member!</p>
11+
12+
---

‎_posts/2014-09-22-services-2.markdown

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: default
3+
img: dog.png
4+
category: Services
5+
title: 3D Device Mockups<br>by PSDCovers
6+
description: |
7+
<p class="lead">Turn your 2D designs into high quality, 3D
8+
product shots in seconds using free Photoshop actions by <a
9+
target="_blank" href="http://www.psdcovers.com/">PSDCovers</a>! Visit
10+
their website to download some of their awesome, free photoshop
11+
actions!</p>
12+
13+
---

‎_posts/2014-09-23-services-3.markdown

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: default
3+
img: phones.png
4+
category: Services
5+
title: Google Web Fonts and<br>Font Awesome Icons
6+
description: |
7+
<p class="lead">This template features the 'Lato' font,
8+
part of the <a target="_blank" href="http://www.google.com/fonts">Google
9+
Web Font library</a>, as well as <a target="_blank"
10+
href="http://fontawesome.io">icons from Font Awesome</a>.</p>
11+
12+
---

0 commit comments

Comments
 (0)