Skip to content

Pull Jackson Tile marketing website for deployment #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
zlorenz wants to merge 11 commits into
base: jackson-tile
Choose a base branch
from
Open

Pull Jackson Tile marketing website for deployment #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
da2275a
Modifies jackson tile index.html
zlorenz Dec 2, 2014
af02be7
Fixes merge conflicts with nupages/tenants/2/index.html
zlorenz Dec 2, 2014
7d38183
Removes Affiliates section on Homepage. Adds text copy to Company and…
zlorenz Jan 9, 2015
9af5c94
Merge branch 'jackson-tile' of github.com:WebPowerLabs/nubuilder into…
zlorenz Jan 9, 2015
ade1f26
Integrates Togglable Tabs with Gallery for filtering.
zlorenz Jan 10, 2015
d73fc6c
Adds new photos to gallery. Adds all new text copy site-wide.
zlorenz Jan 13, 2015
2c6a403
Adds new photos (including laminate) to Gallery
zlorenz Jan 13, 2015
87ebda0
Adds photo of Bart & Jennifer. Adds all SEO metatags & open graph tags.
zlorenz Jan 20, 2015
01050e2
Adds new stock photo to Welcome section background.
zlorenz Jan 20, 2015
dfb087e
Removes .DS_Store
zlorenz Jan 21, 2015
0d410b3
Adds 2 more testimonials. Fixes all hard coded URLs.
zlorenz Jan 23, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file renamed .DS_Store → nubuilder/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added nubuilder/static/.DS_Store
View file
Open in desktop
Binary file not shown.
2 changes: 1 addition & 1 deletion nubuilder/static/css/jackson-tile.min.css
View file
Open in desktop

Large diffs are not rendered by default.

32 changes: 32 additions & 0 deletions nubuilder/static/fonts/flaticon.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
@font-face {
font-family: "Flaticon";
src: url("flaticon.eot");
src: url("flaticon.eot#iefix") format("embedded-opentype"),
url("flaticon.woff") format("woff"),
url("flaticon.ttf") format("truetype"),
url("flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}.flaticon-wood1:before {
content: "\e000";
}
.flaticon-wood2:before {
content: "\e001";
}
.flaticon-laminate1:before {
content: "\e002";
}
.flaticon-laminate2:before {
content: "\e003";
}
.flaticon-tile2:before {
content: "\e004";
}
.flaticon-tile1:before {
content: "\e005";
}
Binary file added nubuilder/static/fonts/flaticon.eot
View file
Open in desktop
Binary file not shown.
283 changes: 283 additions & 0 deletions nubuilder/static/fonts/flaticon.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,283 @@
<!DOCTYPE html>
<html>

<head>
<title>Flaticon WebFont</title>
<link rel="stylesheet" type="text/css" href="flaticon.css">
<meta charset="UTF-8">
<style>
body {
font-family: sans-serif;
line-height: 1.5;
font-size: 16px;
padding: 20px;
color:#333;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 30px;
font-style: normal;
margin-left: 20px;
color: #333;
}
.image p {
font-size: 12px;
margin: 0px;
clear: none;
width: 300px;
line-height: 40px;
}
.text {
float: left;
font-size:14px;
margin-top: 15px;
}
.text ul {
margin-left:0px;
color:#111;
margin-bottom:20px;
}
.text .ex {
font-size:12px;
color:#666;
margin-left:35px;
display:block;
}
.text ul li {
margin-top:10px;
list-style:none;
}
.num {
background:#66A523;
color:#fff;
border-radius:20px;
padding:1px;
display:inline-block;
width:22px;
height:22px;
text-align:center;
margin-right: 5px;
}
.text ul strong {
font-weight:normal;
color:#000;
}
.image {
width: 280px;
float: left;
margin-bottom: 15px;
margin-right: 30px;
}
#glyphs {
clear: both;
}
.image p:nth-child(even) i {
clear: none;
}
.glyph {
display: inline-block;
width: 120px;
margin: 10px;
text-align: center;
vertical-align: top;
background: #FFF;
}
.glyph .glyph-icon {
padding: 10px;
display: block;
font-family:"Flaticon";
font-size: 64px;
line-height: 1;
}
.glyph .glyph-icon:before {
font-size: 64px;
color: #666;
margin-left: 0;
}
.class-name {
font-size: 12px;
}
.author-name {
font-size: 10px;
}
a{
color: #66A523;
}
.instructions {
font-style:italic;
font-size:22px;
margin-bottom:10px;
}
.iconsuse {
font-size:22px;
font-style:italic;
padding-top:20px;
margin-top:20px;
border-top:1px solid #bbb;
}
.usetitle {
margin-bottom: 10px;
font-size: 20px;
font-style: italic;
}
.class-name:last-child {
font-size: 10px;
color:#888;
}
.class-name:last-child a {
font-size: 10px;
color:#555;
}
.class-name:last-child a:hover {
color:#66A523;
}
.glyph > input {
display: block;
width: 100px;
margin: 5px auto;
text-align: center;
font-size: 12px;
cursor: text;
}
.glyph > input.icon-input {
font-family:"Flaticon";
font-size: 16px;
margin-bottom: 10px;
}
h1.logo {
font-size: 40px;
letter-spacing: -1px;
margin-top: -16px;
text-transform: lowercase;
border-bottom:1px solid #bbb;
}
h1.logo strong {
font-size: 16px;
font-family:sans-serif;
font-weight:normal;
color:#333;
}
h1.logo a {
color:#34302d;
text-decoration: none;
}
h1.logo a span {
color:#66A523;
}
#footer {
padding-top:40px;
clear:both;
text-align:center;
}
#footer a {
color:#66A523;
}
textarea {
margin: 0px;
width: 800px;
height: 150px;
border: 1px solid #CCC;
resize: none;
background: #EEE;
}
.author-link, .attrDiv a{
font-size: 12px;
color: #333;
text-decoration: none;
}
.external {
display: block;
}
.attrDiv {
font-size: 12px;
}
.attribution {
border-top: 1px solid #AAA;
margin: 10px 0;
padding-top: 15px;
}
</style>
</head>

<body>
<header>
<h1 class="logo">
<a href="http://www.flaticon.com">
<span>FLAT</span>ICON</a>
<strong>Font Demo</strong>
</h1>
</header>

<section class="demo">
<div class="text">

<div class="instructions">Instructions:</div>

<ul>
<li>
<p>
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
</li>
<li>
<p>
<span class="num">2</span>Add the CSS link to your website source code on header.
<br />
<span class="ex">&lt;head&gt;
<br/>...
<br/>&lt;link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"&gt;
<br/>...
<br/>&lt;/head&gt;</span>
</li>

<li>
<p>
<span class="num">3</span>Use the icon class on "display:inline" elements:
<br />
<span class="ex">Use example: &lt;i class=&quot;flaticon-airplane49&quot;&gt;&lt;/i&gt; or &lt;span class=&quot;flaticon-airplane49&quot;&gt;&lt;/span&gt;</span>
</li>
</ul>
</div>

</section>

<section id="glyphs"><div class="glyph">
<div class="glyph-icon flaticon-board"></div>
<div class="class-name">.flaticon-board</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/board-wood_15702">Freepik</a></div></div><div class="glyph">
<div class="glyph-icon flaticon-chopped"></div>
<div class="class-name">.flaticon-chopped</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/chopped-log_28751">Freepik</a></div></div><div class="glyph">
<div class="glyph-icon flaticon-layers1"></div>
<div class="class-name">.flaticon-layers1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/layers-2_3768">Freepik</a></div></div><div class="glyph">
<div class="glyph-icon flaticon-layers5"></div>
<div class="class-name">.flaticon-layers5</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/layers_48479">Icons8</a></div></div><div class="glyph">
<div class="glyph-icon flaticon-tiles1"></div>
<div class="class-name">.flaticon-tiles1</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/tiles_15719">Freepik</a></div></div><div class="glyph">
<div class="glyph-icon flaticon-two80"></div>
<div class="class-name">.flaticon-two80</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/two-column-four-squares-ios-7-interface-symbol_17989">Freepik</a></div></div></section>

<section class="attribution">

<div class="usetitle">License and attribution:</div><div class="attrDiv">Font generated by <a href="http://www.flaticon.com">flaticon.com</a>
under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY</a>. The authors are: <a href="http://www.freepik.com">Freepik</a>, <a href="http://www.icons8.com">Icons8</a>.</div><div class="usetitle">Copy the Attribution License:</div>

<textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;http://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;
under &lt;a href=&quot;http://creativecommons.org/licenses/by/3.0/&quot;&gt;CC BY&lt;/a&gt;. The authors are: &lt;a href=&quot;http://www.freepik.com&quot;&gt;Freepik&lt;/a&gt;, &lt;a href=&quot;http://www.icons8.com&quot;&gt;Icons8&lt;/a&gt;.</textarea>

</section>

<section class="iconsuse">
<div class="usetitle">Examples:</div>
<div class="image"><p>&lt;i class=&quot;flaticon-board&quot;&gt;&lt;/i&gt; <i class="flaticon-board"></i></p><p>&lt;i class=&quot;flaticon-chopped&quot;&gt;&lt;/i&gt; <i class="flaticon-chopped"></i></p><p>&lt;i class=&quot;flaticon-layers1&quot;&gt;&lt;/i&gt; <i class="flaticon-layers1"></i></p><p>&lt;i class=&quot;flaticon-layers5&quot;&gt;&lt;/i&gt; <i class="flaticon-layers5"></i></p><p>&lt;i class=&quot;flaticon-tiles1&quot;&gt;&lt;/i&gt; <i class="flaticon-tiles1"></i></p></div><div class="image"><p>&lt;span class=&quot;flaticon-two80&quot;&gt;&lt;/span&gt; <span class="flaticon-two80"></span></p></div>
</section>
<div id="footer">
<div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
</div>
</div>
</body>
</html>
Loading