Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

adding some images

  • Loading branch information...
commit ad2fea4ad006cc62877704fea7087ea84150bf6e 1 parent 13ff40f
@gsaqui authored
View
BIN  img/possibleSite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/top-of-site.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
10 index.html
@@ -22,13 +22,17 @@
<div class="main">
<header>
<h1>We deliver the dreams others dream they could deliver</h1>
- <img src="http://placekitten.com/g/960/300">
+ <img src="img/top-of-site.png">
+ <h3>CEO Needed</h3>
+ <h3>Head of Accounts</h3>
+ <h3>Captian of Cruise ship</h3>
+ <h3>Your dream</h3>
</header>
<nav role="navigation">
<ul class="nav">
<li><a href="/">Home</a></li>
- <li><a href="/client.html">Clients</a></li>
- <li><a href="/candiates.html">Candidates</a></li>
+ <li><a href="client.html">Clients</a></li>
+ <li><a href="candidates.html">Candidates</a></li>
</ul>
</nav>
<div class="contents">
View
10 less/bootstrap/bootstrap.css
@@ -99,8 +99,8 @@ body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
- color: #333333;
- background-color: #000000;
+ color: #f2f0df;
+ background-color: #222222;
}
a {
color: #0088cc;
@@ -297,7 +297,7 @@ h5,
h6 {
margin: 0;
font-weight: bold;
- color: #333333;
+ color: #caccb6;
text-rendering: optimizelegibility;
}
h1 small,
@@ -307,7 +307,7 @@ h4 small,
h5 small,
h6 small {
font-weight: normal;
- color: #999999;
+ color: #caccb6;
}
h1 {
font-size: 30px;
@@ -3333,7 +3333,7 @@ a.thumbnail:hover {
background-image: url(../../img/pencil.jpg);
background-position: top right;
background-repeat: no-repeat;
- background-color: #f2f2f0;
+ background-color: #8e9e82;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
View
2  less/bootstrap/hero-unit.less
@@ -7,7 +7,7 @@
background-image: url(../../img/pencil.jpg);
background-position: top right;
background-repeat: no-repeat;
- background-color: #f2f2f0;
+ background-color: @baseGreen;
.border-radius(6px);
h1 {
View
2  less/bootstrap/scaffolding.less
@@ -12,7 +12,7 @@ body {
font-size: @baseFontSize;
line-height: @baseLineHeight;
color: @textColor;
- background-color: @black;
+ background-color: @backgroundColor;
}
View
4 less/bootstrap/type.less
@@ -29,11 +29,11 @@ p {
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: bold;
- color: @grayDark;
+ color: @dove;
text-rendering: optimizelegibility; // Fix the character spacing for headings
small {
font-weight: normal;
- color: @grayLight;
+ color: @dove;
}
}
h1 {
View
11 less/bootstrap/variables.less
@@ -30,11 +30,20 @@
@pink: #c3325f;
@purple: #7a43b6;
+//base colors http://www.colourlovers.com/palette/755913/More_About_Money
+@baseGreen: #8E9E82;
+@dove: #CACCB6;
+@babba: #BABBA5;
+@creme: #F2F0DF;
+@charcoal: #222222;
+
+@backgroundColor: @charcoal;
+
// Typography
@baseFontSize: 13px;
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
@baseLineHeight: 18px;
-@textColor: @grayDark;
+@textColor: @creme;
// Buttons
@primaryButtonBackground: @linkColor;
View
35 less/style.css
@@ -9,19 +9,18 @@ body:before, body:after {
body:after {
clear: both;
}
-body {
- padding-top: 20px;
- padding-bottom: 40px;
- max-width: 960px;
- margin: 0 auto;
+/*http://www.colourlovers.com/palette/443995/i_demand_a_pancake*/
+h1 {
+ color: #9de0ad;
}
nav {
width: 960px;
height: 50px;
float: left;
- background: -webkit-linear-gradient(90deg, #ffffff, #0000ff);
- background: -moz-linear-gradient(90deg, #ffffff, #0000ff);
- background: -o-linear-gradient(90deg, #ffffff, #0000ff);
+ background: #594f4f;
+ background: -webkit-linear-gradient(90deg, #594f4f, #000000);
+ background: -moz-linear-gradient(90deg, #594f4f, #000000);
+ background: -o-linear-gradient(90deg, #594f4f, #000000);
}
ul.nav {
float: left;
@@ -33,6 +32,11 @@ ul.nav {
ul.nav li {
float: left;
display: inline;
+ margin-right: 20px;
+}
+ul.nav a {
+ color: #9de0ad;
+ text-decoration: none;
}
header h1 {
position: absolute;
@@ -41,16 +45,19 @@ header h1 {
width: 350px;
}
.main {
- background: #5A5A5A ;
- background-image: -moz-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -ms-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -o-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: -webkit-radial-gradient(25% 30%, #c0c0c0, #000000);
- background-image: radial-gradient(25% 30%, #c0c0c0, #000000);
+ background: #e5fcc2;
+ background-image: -moz-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -ms-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -o-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: -webkit-radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
+ background-image: radial-gradient(25% 30%, #c0c0c0, #e5fcc2);
background-repeat: no-repeat;
position: relative;
float: left;
}
+.main h2, .main p {
+ color: black;
+}
.left-column {
display: inline;
float: left;
View
47 less/style.less
@@ -2,27 +2,31 @@
@totalWidth: 960px;
-body {
- padding-top: 20px;
- padding-bottom: 40px;
- max-width: @totalWidth;
- margin: 0 auto;
-}
+
+/*http://www.colourlovers.com/palette/443995/i_demand_a_pancake*/
+@backgroundColor: #E5FCC2;
+@textColor: #9DE0AD;
+@midColor: #45ADA8;
+@lightGradient: black;
+@darkGradient: #594F4F;
@columns: 12;
@column-width: 60;
@gutter-width: 20;
+h1{
+ color: @textColor;
+}
+
nav{
width: @totalWidth;
height: 50px;
float: left;
- background: -webkit-linear-gradient(90deg, white, blue);
- background: -moz-linear-gradient(90deg, white, blue);
- background: -o-linear-gradient(90deg, white, blue);
-
-
+ background: @darkGradient;
+ background: -webkit-linear-gradient(90deg, @darkGradient, @lightGradient);
+ background: -moz-linear-gradient(90deg, @darkGradient, @lightGradient);
+ background: -o-linear-gradient(90deg, @darkGradient, @lightGradient);
}
ul.nav{
float: left;
@@ -34,6 +38,11 @@ ul.nav{
ul.nav li{
float: left;
display: inline;
+ margin-right: 20px;
+}
+ul.nav a{
+ color: @textColor;
+ text-decoration: none;
}
header h1{
@@ -45,17 +54,21 @@ header h1{
.main{
- background: #5A5A5A ;
- background-image: -moz-radial-gradient(25% 30%, silver, black);
- background-image: -ms-radial-gradient(25% 30%, silver, black);
- background-image: -o-radial-gradient(25% 30%, silver, black);
- background-image: -webkit-radial-gradient(25% 30%, silver, black);
- background-image: radial-gradient(25% 30%, silver, black);
+ background: @backgroundColor ;
+ background-image: -moz-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -ms-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -o-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: -webkit-radial-gradient(25% 30%, silver, @backgroundColor);
+ background-image: radial-gradient(25% 30%, silver, @backgroundColor);
background-repeat: no-repeat;
position: relative;
float: left;
}
+.main h2,
+.main p{
+ color: black;
+}
.left-column {
.column(3);
Please sign in to comment.
Something went wrong with that request. Please try again.