Skip to content

Commit 49539d6

Browse files
StanleyMasindeStanleyMasinde
committed
(Content) updated the page content and removed placeholders
1 parent 8fd97e1 commit 49539d6

File tree

4 files changed

+34
-73
lines changed

4 files changed

+34
-73
lines changed

‎assets/css/app.css

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22
border-radius: 0;
33
}
44

5+
.font-lobster {
6+
font-family: 'Lobster', cursive;
7+
}
8+
59
.btn-primary.focus,
610
.btn-primary:focus {
711
box-shadow: 0 0 0 0 #048f83 !important;
@@ -233,12 +237,12 @@ footer {
233237
.footer-navigation h3 {
234238
margin: 0 0 20px;
235239
font: 400 36px "Cookie", cursive;
236-
color: #fff;
240+
color: rgb(129, 129, 129);
237241
}
238242

239243
.footer-navigation h3 a {
240244
text-decoration: none;
241-
color: #fff;
245+
color: #585757;
242246
}
243247

244248
.footer-navigation h3 span {

‎layouts/default.vue

Lines changed: 13 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,11 @@
22
<main>
33
<div>
44
<nav
5-
class="navbar navbar-light navbar-expand-md fixed-top navigation-clean-button"
5+
class="navbar navbar-light navbar-expand-md sticky-top navigation-clean-button"
66
>
77
<div class="container">
8-
<a class="navbar-brand" href="#">opensource254</a
8+
<nuxt-link to="/" class="navbar-brand font-lobster"
9+
>Opensource254</nuxt-link
910
><button
1011
class="navbar-toggler"
1112
data-toggle="collapse"
@@ -15,33 +16,7 @@
1516
><span class="navbar-toggler-icon"></span>
1617
</button>
1718
<div id="navcol-1" class="collapse navbar-collapse">
18-
<ul class="nav navbar-nav mr-auto">
19-
<li class="nav-item" role="presentation">
20-
<a class="nav-link active" href="#">First Item</a>
21-
</li>
22-
<li class="nav-item" role="presentation">
23-
<a class="nav-link active" href="#">Second Item</a>
24-
</li>
25-
<li class="dropdown nav-item">
26-
<a
27-
class="dropdown-toggle nav-link"
28-
data-toggle="dropdown"
29-
aria-expanded="false"
30-
href="#"
31-
>Dropdown
32-
</a>
33-
<div class="dropdown-menu" role="menu">
34-
<a class="dropdown-item" role="presentation" href="#"
35-
>First Item</a
36-
><a class="dropdown-item" role="presentation" href="#"
37-
>Second Item</a
38-
><a class="dropdown-item" role="presentation" href="#"
39-
>Third Item</a
40-
>
41-
</div>
42-
</li>
43-
</ul>
44-
<span class="navbar-text actions">
19+
<span class="navbar-text actions ml-auto">
4520
<a
4621
class="btn btn-light text-truncate shadow-sm pulse animated infinite action-button"
4722
role="button"
@@ -60,12 +35,9 @@
6035
<div class="row">
6136
<div class="col-sm-6 col-md-4 footer-navigation">
6237
<h3></h3>
63-
<p class="links">
64-
<a href="#">Home</a><strong> · · · </strong><a href="#">About</a
65-
><strong> · </strong><a href="#">Faq</a><strong> · </strong
66-
><a href="#">Contact</a>
38+
<p class="company-name">
39+
opensource254 kenya © {{ new Date().getFullYear() }}
6740
</p>
68-
<p class="company-name">opensource kenya © 2020</p>
6941
</div>
7042
<div class="col-sm-6 col-md-4 footer-contacts">
7143
<div>
@@ -76,27 +48,23 @@
7648
</span>
7749
<p><span class="new-line-span">kenya</span></p>
7850
</div>
79-
<div>
80-
<i
81-
class="fa fa-phone footer-contacts-icon"
82-
style="color: rgb(18,149,138);"
83-
></i>
84-
<p class="footer-center-info email text-left">+254</p>
85-
</div>
8651
<div>
8752
<i
8853
class="fa fa-envelope footer-contacts-icon"
8954
style="color: rgb(18,149,138);"
9055
></i>
91-
<p><a href="#" target="_blank">[email protected]</a></p>
56+
<p>
57+
<a href="mailto:[email protected]" target="_blank"
58+
>[email protected]</a
59+
>
60+
</p>
9261
</div>
9362
</div>
9463
<div class="clearfix"></div>
9564
<div class="col-md-4 footer-about">
96-
<h4>About the opensource</h4>
65+
<h4>About opensource254</h4>
9766
<p>
98-
Lorem ipsum dolor sit amet, consectateur adispicing elit. Fusce
99-
euismod convallis velit, eu auctor lacus vehicula sit amet.
67+
Made in Kenya
10068
</p>
10169
<div class="social-links social-icons">
10270
<a href="#"

‎nuxt.config.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,10 @@ export default {
3434
rel: 'stylesheet',
3535
href: 'https://fonts.googleapis.com/css?family=Cookie'
3636
},
37+
{
38+
rel: 'stylesheet',
39+
href: 'https://fonts.googleapis.com/css2?family=Lobster&display=swap'
40+
},
3741
{
3842
rel: 'stylesheet',
3943
href:

‎pages/index.vue

Lines changed: 11 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
<div class="intro">
77
<h2 class="text-center">About us</h2>
88
<p class="text-center">
9-
We are about the Kenyan techie interested in contributing to
10-
opensource and other projects. We give you a chance to increase your
9+
We are about the Kenyan techy interested in contributing to opensource
10+
and other projects. We give you a chance to increase your
1111
collaboration skills.
1212
</p>
1313
</div>
@@ -16,49 +16,34 @@
1616
<div class="row justify-content-center features">
1717
<div class="col-sm-6 col-md-5 col-lg-4 item">
1818
<div class="box">
19-
<h3 data-aos="fade" class="name">Works everywhere</h3>
19+
<h3 class="name">Great Teams</h3>
2020
<p class="description">
21-
Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus.
22-
Praesent aliquam in tellus eu.
21+
Get to work with great teams with experience in deveveloper
22+
operations
2323
</p>
2424
</div>
2525
</div>
2626
<div class="col-sm-6 col-md-5 col-lg-4 item">
2727
<div class="box">
28-
<h3 data-aos="fade" class="name">Always available</h3>
28+
<h3 class="name">Improve your Skills</h3>
2929
<p class="description">
30-
Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus.
31-
Praesent aliquam in tellus eu.
30+
Looking to get challenged? Join the most talented devs in the 254
31+
and flex your skills
3232
</p>
3333
</div>
3434
</div>
3535
<div class="col-sm-6 col-md-5 col-lg-4 item">
3636
<div class="box">
37-
<h3 data-aos="fade" class="name">Customizable</h3>
37+
<h3 class="name">Accelerate your career</h3>
3838
<p class="description">
39-
Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus.
40-
Praesent aliquam in tellus eu.
39+
Want to get discovered? Here is an opportunity to let your commits
40+
market you.
4141
</p>
4242
</div>
4343
</div>
4444
</div>
4545
<!-- End: Features -->
4646
</div>
47-
<!-- End: Features Boxed -->
48-
<!-- Start: Features Boxed -->
49-
<div class="features-boxed" style="background-color: rgb(255,255,255);">
50-
<div class="container" style="background-color: #ffffff;">
51-
<!-- Start: Intro -->
52-
<div class="intro">
53-
<h2 class="text-center">About us</h2>
54-
<p class="text-center">
55-
Nunc luctus in metus eget fringilla. Aliquam sed justo ligula.
56-
Vestibulum nibh erat, pellentesque ut laoreet vitae.
57-
</p>
58-
</div>
59-
<!-- End: Intro -->
60-
</div>
61-
</div>
6247
</div>
6348
<!-- End: Features Boxed -->
6449
</template>

0 commit comments

Comments
 (0)