Skip to content

Commit e2f819e

Browse files
timlindtimlind
committed
Copy and design
1 parent 26d244f commit e2f819e

File tree

2 files changed

+79
-33
lines changed

2 files changed

+79
-33
lines changed

‎index.html‎

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -7,35 +7,41 @@
77
<header>
88
<div class="logo">
99
<img src="/img/logo-ic-transparent-white-incremental.png" class="logo-icon"/>
10-
<h1><div>Incremental</div><div>Code</div></h1>
10+
<h1><div>Incremental</div><div>Code</div><span>Lab</span><span>Studio</span><span>Ventures</span></h1>
1111
</div>
1212
<div class="nav">
13-
<a class="hover">Code</a>
14-
<a>Lab</a>
15-
<a>Lair</a>
13+
<span class="word">Engineering</span>
14+
<span class="word">Software</span>
15+
<span class="word">Ventures</span>
1616
</div>
1717
</header>
1818
<div class="content">
1919

2020
<article class="article">
2121
<header>
22-
<h1 class="article-title">Engineering increments in mobile and web applications.</h1>
23-
<p class="article-subtitle">For revolutionary companies.</p>
22+
<p class="article-subtitle">DISRUPTIVELY UNIQUE TECHNOLOGY VENTURES</p>
23+
<h1 class="article-title">Partnering with forward thinking companies</h1>
2424
</header>
2525
<section class="article-body">
26-
&nbsp;
26+
<h3>About Incremental</h3>
27+
<p>
28+
Incremental Ventures conceptualises disruptively unique technology innovation to drive high value growth and retention for forward thinking companies.
29+
30+
In our Lab we conceptualise, invest and execute software startup opportunities that our team is uniquely positioned to drive to success.
31+
32+
Incremental Studio plans, designs and engineers cross platform applications on web technologies,
33+
using quality software tools and practices engineered by our technical training team Incremental Code.
34+
</p>
35+
<form>
36+
<p></p>
37+
<!-- <input type="text" placeholder="What's the title of the project?"/> -->
38+
<a class="button" href="mailto:hello@incremental.co?subject=" id="contact-us">SEND A REQUEST FOR PORTFOLIO</a>
39+
</form>
2740
</section>
2841
</article>
29-
3042
</div>
3143
<footer>
32-
33-
<form style="text-align: center;">
34-
<p></p>
35-
<!-- <input type="text" placeholder="What's the title of the project?"/> -->
36-
<a class="button" href="mailto:hello@incremental.co?subject=" id="contact-us">hello@incremental.co</a>
37-
</form>
38-
44+
<div class="copyright">Incremental Code ⓒ Pty Ltd</div>
3945
</footer>
4046
</body>
4147
</html>

‎style/style.css‎

Lines changed: 58 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -25,10 +25,11 @@ body > header {
2525
display: flex;
2626
max-width: 100%;
2727
padding: 30px;
28+
border-bottom: 1px solid rgb(18, 40, 56);
2829
}
2930

3031
.nav {
31-
display: none;
32+
color: gray;
3233
}
3334

3435
body > header .nav {
@@ -62,8 +63,8 @@ body > header .nav a {
6263
}
6364

6465

65-
body > header a {
66-
color: white;
66+
body > header .word {
67+
color: silver;
6768
font: 600 13px "Helvetica Neue"; /* "NexaRegular"; */
6869
text-transform: uppercase;
6970
padding: 10px 15px 10px 15px;
@@ -127,57 +128,96 @@ h1 {
127128
flex-direction: column;
128129
-webkit-flex-direction: column;
129130
width: 100%;
131+
align-items: center; /* centers article body element maxd width */
130132
}
131133

132134
.article header {
133135
text-align: right;
134136

135-
padding: 0 50px 20px;
137+
padding: 20px 50px 20px;
136138

137139
flex-grow: 2;
138140
-webkit-flex-grow: 2;
139141
}
140142

141143
.article-title {
142144
color: white;
143-
font-family: "Avenir Next";
144-
font-weight: 700;
145-
font-size: 50px;
145+
font-family: "Avenir Next";
146+
font-weight: 700;
147+
font-size: 41px;
148+
margin: 10px 0;
149+
text-align: right;
146150
}
147151

148152
.article-subtitle {
149-
color: #ceda48;
150-
font-family: proxima-nova, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
151-
font-weight: normal;
152-
font-size: 18px;
153-
text-transform: uppercase;
154-
letter-spacing: 1px;
153+
color: #cbcbcb;
154+
background: rgba(0, 111, 147, 0.44);
155+
display: inline;
156+
line-height: 2em;
157+
padding: 9px;
158+
font-family: proxima-nova, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
159+
font-weight: normal;
160+
font-size: 14px;
161+
text-transform: uppercase;
162+
letter-spacing: 1px;
155163
}
156164

157165
.article-body {
158166
background: white;
159167

160168
flex-grow: 1;
161169
-webkit-flex-grow: 1;
170+
171+
padding: 15px;
172+
margin: 15px;
173+
174+
border-radius: 2px;
175+
176+
max-width: 800px;
177+
178+
justify-content: space-between;
179+
display: flex;
180+
flex-direction: column;}
162181
}
163182

183+
.article-body h3 {
184+
margin: 18px 0;
185+
text-transform: uppercase;
186+
font-family: nexaregular;
187+
color: silver;
188+
}
189+
190+
.article-body p {
191+
font-family: "Helvetica Neue";
192+
font-weight: 400;
193+
line-height: 1.8em;
194+
color: #333;
195+
}
164196

165197
a.button, .read-more {
166198
font-family: "NexaRegular";
167199
font-size: 20px;
168200
color: white;
169201
background-color: #00526d;
170202
padding: 15px;
203+
margin: 25px 0 0 0;
204+
display: inline-block;
171205
border-radius: 3px;
172206
background: linear-gradient(40deg, rgb(5, 96, 125) 50%, rgb(6, 110, 145) 50%);
173207
}
174208

175209
body > footer {
176-
background-color: white; /* #00394e; #09607f; darker: #00394e; darkerer: #122838; middle: #004c66; lighter: #066e91; */
210+
--background-color: #122838; /* #00394e; #09607f; darker: #00394e; darkerer: #122838; middle: #004c66; lighter: #066e91; */
177211
font-family: proxima-nova, 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* CTA / heading */
178-
font-size: 28px;
179-
font-weight: 200;
180-
line-height: 60px;
181-
padding: 50px 20px;
182212
text-align: center;
213+
border-top: 1px solid #122838;
214+
flex-grow: 0;
183215
}
216+
217+
body > footer .copyright {
218+
font-size: 11px;
219+
color: #555;
220+
min-height: 60px;
221+
line-height: 60px;
222+
font-weight: bold;
223+
}

0 commit comments

Comments
 (0)