Skip to content
This repository was archived by the owner on Oct 31, 2018. It is now read-only.

Commit 99e1106

Browse files
dvidsilvadvidsilva
committed
first round of customization
1 parent 36778fd commit 99e1106

File tree

9 files changed

+80
-59
lines changed

9 files changed

+80
-59
lines changed

‎images/iPhone.png

-214 KB
Loading

‎images/mockup-ipad-air.png

21.6 KB
Loading

‎images/team/corginson.png

82.6 KB
Loading

‎images/team/david.png

50.4 KB
Loading

‎images/team/paul.png

34.8 KB
Loading

‎images/team/steph.png

34.7 KB
Loading

‎images/team/sydney.png

46.9 KB
Loading

‎index.html

Lines changed: 56 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -70,21 +70,21 @@ <h1 class="text-left">
7070
<i id="logo" class="fa fa-paper-plane-o"></i>
7171
</h1>
7272
<h1 class="main_title">codecorgi</h1>
73-
<p class="text-left lead">
74-
Create the most simple and beautiful products
73+
<p class="text-left lead tagline">
74+
Development firm with growth and design in mind
7575
</p>
7676
<!-- <a href="#" class="btn btn-lg btn-lead"><span class="glyphicon glyphicon-cloud-download"></span> Download Now</a> -->
7777
<!-- <a href="#" class="btn btn-lg btn-link"><span class="glyphicon glyphicon-circle-arrow-right"></span> Learn More</a> -->
7878
</div>
7979
<div class="col-md-6 column">
8080
<div id="main-slider" class="flexslider">
8181
<ul class="slides">
82-
<li>
83-
<img class="img-responsive" src="images/mockup-iphone6.png" alt="Slide One">
84-
</li>
85-
<li>
86-
<img class="img-responsive" src="images/mockup-iphone6_2.png" alt="Slide Two">
87-
</li>
82+
<!-- <li> -->
83+
<!-- <img class="img-responsive" src="images/mockup-iphone6.png" alt="Slide One"> -->
84+
<!-- </li> -->
85+
<!-- <li> -->
86+
<!-- <img class="img-responsive" src="images/mockup-iphone6_2.png" alt="Slide Two"> -->
87+
<!-- </li> -->
8888
<li>
8989
<img class="img-responsive" src="images/mockup-ipad-air.png" alt="Slide Three">
9090
</li>
@@ -102,43 +102,42 @@ <h1 class="main_title">codecorgi</h1>
102102
<div class="row clearfix">
103103
<div class="col-md-12 column p_title">
104104
<h2 class="text-center">Collaborative services</h2>
105-
<p class="text-center lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
105+
<p class="text-center lead"></p>
106106
</div>
107107
<div class="col-md-12 column">
108108
<div class="row clearfix">
109109
<!-- RIGHT COLUMN -->
110-
<div class="col-sm-4 col-md-4 column text-center">
111-
110+
<div class="col-sm-4 col-md-4 column text-center adjectives">
112111
<!-- #1 -->
113112
<div class="item-icon ">
114113
<i class="fa fa-bicycle fa-2x"></i>
115114
</div>
116-
<h3>Well Designed</h3>
115+
<h3>Start Today</h3>
117116
<p>
118-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
117+
Our team is ready to build as soon as you are
119118
</p>
120119
<!-- #2 -->
121120
<div class="item-icon ">
122121
<i class="fa fa-cubes fa-2x"></i>
123122
</div>
124-
<h3>Intelligent</h3>
123+
<h3>Completed On-time</h3>
125124
<p>
126-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
125+
We help you meet your deadlines as we hit ours
127126
</p>
128127
<!-- #3 -->
129128
<div class="item-icon ">
130129
<i class="fa fa-line-chart fa-2x"></i>
131130
</div>
132-
<h3>Responsive</h3>
131+
<h3>Go To Market</h3>
133132
<p>
134-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
133+
Your product is launched for users and investors
135134
</p>
136135
<div class="item-icon ">
137136
<i class="fa fa-bicycle fa-2x"></i>
138137
</div>
139-
<h3>Localized</h3>
138+
<h3>Growth-driven</h3>
140139
<p>
141-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
140+
Your products are built with user acquisition in mind
142141
</p>
143142
</div>
144143

@@ -149,37 +148,37 @@ <h3>Localized</h3>
149148
</div>
150149

151150
<!-- LEFT COLUMN -->
152-
<div class="col-sm-4 col-md-4 column text-center">
151+
<div class="col-sm-4 col-md-4 column text-center adjectives">
153152
<!-- #1 -->
154153
<div class="item-icon ">
155154
<i class="fa fa-life-ring fa-2x"></i>
156155
</div>
157-
<h3>Support</h3>
156+
<h3>Full Support</h3>
158157
<p>
159-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
158+
Daily and immediate communications before, during and after launch
160159
</p>
161160
<!-- #2 -->
162161
<div class="item-icon ">
163162
<i class="fa fa-laptop fa-2x"></i>
164163
</div>
165-
<h3>High Security</h3>
164+
<h3>Very Detailed</h3>
166165
<p>
167-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
166+
Every code and pixel is checked for quality
168167
</p>
169168
<!-- #3 -->
170169
<div class="item-icon ">
171170
<i class="fa fa-users fa-2x"></i>
172171
</div>
173-
<h3>Remote</h3>
172+
<h3>Full Transparency</h3>
174173
<p>
175-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
174+
Track progress through Trello, check-ins and calls
176175
</p>
177176
<div class="item-icon ">
178177
<i class="fa fa-users fa-2x"></i>
179178
</div>
180-
<h3>More Options</h3>
179+
<h3>Security and Privacy</h3>
181180
<p>
182-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
181+
We sign an NDA before getting started and your IP remains with you
183182
</p>
184183
</div>
185184
</div>
@@ -198,8 +197,8 @@ <h3>More Options</h3>
198197
</div>
199198
<div class="col-sm-12 col-md-6">
200199
<div class="row">
201-
<div class="col-sm-12 col-md-12 p_title">
202-
<h2>Follow your product’s progress from start to finish</h2>
200+
<div class="col-sm-12 col-md-12 p_title white-text">
201+
<h2><strong>Follow your product’s progress</strong></h2>
203202
<p class="lead text-left">
204203
See the latest design, builds, files and source code so that you are present and engaged throughout the process.
205204
</p>
@@ -228,27 +227,27 @@ <h2 class="text-center">Meet the team</h2>
228227
</div>
229228
<div class="row clearfix staff">
230229
<div class="col-xs-6 col-md-4 column text-center">
231-
<img class="img-circle" alt="140x140" src="images/sydney.png" />
230+
<img class="" alt="140x140" src="images/team/sydney.png" />
232231
<h3 class="">sydney lai</h3>
233232
<span>CEO & creative director</span>
234233
</div>
235234
<div class="col-xs-6 col-md-4 column text-center">
236-
<img class="img-circle" alt="140x140" src="images/david.png" />
235+
<img class="" alt="140x140" src="images/team/david.png" />
237236
<h3 class="">david silva</h3>
238237
<span>CTO</span>
239238
</div>
240239
<div class="col-xs-6 col-md-4 column text-center">
241-
<img class="img-circle" alt="140x140" src="images/steph.png" />
240+
<img class="" alt="140x140" src="images/team/steph.png" />
242241
<h3 class="">stephanie nixon</h3>
243242
<span>Designer</span>
244243
</div>
245-
<div class="col-xs-6 col-md-4 column text-center">
246-
<img class="img-circle" alt="140x140" src="images/paul.png" />
244+
<div class="col-xs-6 col-md-6 column text-center">
245+
<img class="" alt="140x140" src="images/team/paul.png" />
247246
<h3 class="">paul sukhanov</h3>
248247
<span>Mobile developer</span>
249248
</div>
250-
<div class="col-xs-6 col-md-4 column text-center">
251-
<img class="img-circle" alt="140x140" src="images/corginson.png" />
249+
<div class="col-xs-6 col-md-6 column text-center">
250+
<img class="" alt="140x140" src="images/team/corginson.png" />
252251
<h3 class="">corginson</h3>
253252
<span>Chief happiness officer</span>
254253
<!-- http://artcorgi.tumblr.com/page/2 -->
@@ -386,26 +385,26 @@ <h2 class="text-center">Are you ready?</h2>
386385
<!-- end download -->
387386

388387
<!-- Screenshot -->
389-
<div class="container text-blue" id="screenshots">
390-
<div class="row">
391-
<div class="col-md-12 p_title">
392-
<h2 class="text-center">Screenshots</h2>
393-
<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
394-
</div>
395-
</div>
396-
<div class="row ">
397-
<ul id="owl-screenshot" class="owl-carousel text-center">
398-
<li><img class="" src="images/portfolio/01.jpg" alt="Image" width="240px"></li>
399-
<li><img class="" src="images/portfolio/02.jpg" alt="Image" width="240px"></li>
400-
<li><img class="" src="images/portfolio/03.jpg" alt="Image" width="240px"></li>
401-
<li><img class="" src="images/portfolio/04.jpg" alt="Image" width="240px"></li>
402-
<li><img class="" src="images/portfolio/05.jpg" alt="Image" width="240px"></li>
403-
<li><img class="" src="images/portfolio/06.jpg" alt="Image" width="240px"></li>
404-
<li><img class="" src="images/portfolio/07.jpg" alt="Image" width="240px"></li>
405-
<li><img class="" src="images/portfolio/08.jpg" alt="Image" width="240px"></li>
406-
</ul>
407-
</div>
408-
</div><!--.container-->
388+
<!-- <div class="container text-blue" id="screenshots"> -->
389+
<!-- <div class="row"> -->
390+
<!-- <div class="col-md-12 p_title"> -->
391+
<!-- <h2 class="text-center">Screenshots</h2> -->
392+
<!-- <p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> -->
393+
<!-- </div> -->
394+
<!-- </div> -->
395+
<!-- <div class="row "> -->
396+
<!-- <ul id="owl-screenshot" class="owl-carousel text-center"> -->
397+
<!-- <li><img class="" src="images/portfolio/01.jpg" alt="Image" width="240px"></li> -->
398+
<!-- <li><img class="" src="images/portfolio/02.jpg" alt="Image" width="240px"></li> -->
399+
<!-- <li><img class="" src="images/portfolio/03.jpg" alt="Image" width="240px"></li> -->
400+
<!-- <li><img class="" src="images/portfolio/04.jpg" alt="Image" width="240px"></li> -->
401+
<!-- <li><img class="" src="images/portfolio/05.jpg" alt="Image" width="240px"></li> -->
402+
<!-- <li><img class="" src="images/portfolio/06.jpg" alt="Image" width="240px"></li> -->
403+
<!-- <li><img class="" src="images/portfolio/07.jpg" alt="Image" width="240px"></li> -->
404+
<!-- <li><img class="" src="images/portfolio/08.jpg" alt="Image" width="240px"></li> -->
405+
<!-- </ul> -->
406+
<!-- </div> -->
407+
<!-- </div> -->
409408
<!-- end screenshot -->
410409

411410

‎style.css

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,20 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .lead {
3535
font-weight:normal;
3636
}
3737
.main_title {
38+
font-weight: bold;
39+
font-size: 70px;
3840
margin-bottom: 40px;
3941
}
42+
.lead.tagline {
43+
font-size: 26px;
44+
font-weight: bold;
45+
}
46+
.white-text {
47+
color: white;
48+
}
4049
#header {
41-
padding-top: 100px;
42-
padding-bottom:150px;
50+
padding-top: 100px;
51+
padding-bottom:150px;
4352
}
4453
#feature, #about, #testimonial, #screenshots, #portfolio {
4554
padding-top: 100px;
@@ -598,3 +607,16 @@ fieldset[disabled] .btn-submit.active {
598607
}
599608

600609
/* end carousel - testimonial */
610+
611+
612+
@media (min-width: 992px) {
613+
.staff .column:nth-child(3n+4) {
614+
clear: both;
615+
}
616+
}
617+
@media (max-width: 768px) {
618+
.adjectives p {
619+
max-width: 80%;
620+
margin: 0 auto;
621+
}
622+
}

0 commit comments

Comments
 (0)