Skip to content

Commit 51dec0b

Browse files
brianobotbrianobot
committed
Add Favicon and service section
1 parent 1ace759 commit 51dec0b

13 files changed

+283
-7
lines changed

‎about.html

+5-1
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,16 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name="description" content="Personal Portfolio Page of Brian Obot">
88

9-
109
<link rel="preload stylesheet" href="bootstrap/css/bootstrap.min.css">
1110
<link rel="preload stylesheet" href="fontawesome-free/css/all.min.css">
1211
<link rel="preload stylesheet" href="bootstrap/bootstrap-icons/bootstrap-icons.css">
1312
<link rel="preload stylesheet" href="css/style.min.css">
1413
<link rel="preload stylesheet" href="css/about.min.css">
14+
15+
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
16+
<link rel="icon" type="image\png" sizes="32x32" href="favicon_io/favicon-32x32.png">
17+
<link rel="icon" type="image\png" sizes="16x16" href="favicon_io/favicon-16x16.png">
18+
<link rel="manifest" type="image\png" href="favicon_io/site.webmanifest">
1519

1620
<title>Brian's Portfolio | About</title>
1721

‎css/style.css

+33
Original file line numberDiff line numberDiff line change
@@ -586,6 +586,39 @@ body {
586586
}
587587
}
588588

589+
/* Styling for service section */
590+
.services-list {
591+
display: grid;
592+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
593+
grid-gap: 40px;
594+
margin-top: 50px;
595+
}
596+
597+
.services-list div {
598+
background: darkgrey;
599+
color: #fff;
600+
padding: 40px;
601+
font-size: 15px;
602+
font-weight: 400;
603+
border-radius: 10px;
604+
transition: background 0.5s, transform 0.5s;
605+
}
606+
607+
.services-list div i{
608+
font-size: 50px;
609+
margin-bottom: 30px;
610+
}
611+
612+
.services-list div:hover{
613+
background: lightskyblue;
614+
transform: translateY(-10px);
615+
color: #fff;
616+
}
617+
618+
.services-list div a:hover{
619+
color: #fff;
620+
}
621+
589622
.footer-social-icons a {
590623
display: inline-flex;
591624
width: 50px;

‎css/style.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎extras.html

+5-1
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,15 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name="description" content="Personal Portfolio Page of Brian Obot">
88

9-
109
<link rel="preload stylesheet" href="bootstrap/bootstrap-icons/bootstrap-icons.css">
1110
<link rel="preload stylesheet" href="bootstrap/css/bootstrap.min.css">
1211
<link rel="preload stylesheet" href="fontawesome-free/css/all.min.css">
1312
<link rel="preload stylesheet" href="css/style.min.css">
13+
14+
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
15+
<link rel="icon" type="image\png" sizes="32x32" href="favicon_io/favicon-32x32.png">
16+
<link rel="icon" type="image\png" sizes="16x16" href="favicon_io/favicon-16x16.png">
17+
<link rel="manifest" type="image\png" href="favicon_io/site.webmanifest">
1418

1519
<title>Brian's Portfolio | Extras </title>
1620

‎favicon_io/android-chrome-192x192.png

24 KB
Loading

‎favicon_io/android-chrome-512x512.png

98.5 KB
Loading

‎favicon_io/apple-touch-icon.png

21.7 KB
Loading

‎favicon_io/favicon-16x16.png

719 Bytes
Loading

‎favicon_io/favicon-32x32.png

1.92 KB
Loading

‎favicon_io/favicon.ico

15 KB
Binary file not shown.

‎favicon_io/site.webmanifest

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

‎index.html

+40-4
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,15 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<meta name="description" content="Personal Portfolio Page of Brian Obot">
88

9-
109
<link rel="preload stylesheet" href="bootstrap/bootstrap-icons/bootstrap-icons.css">
1110
<link rel="preload stylesheet" href="bootstrap/css/bootstrap.min.css">
1211
<link rel="preload stylesheet" href="fontawesome-free/css/all.min.css">
1312
<link rel="preload stylesheet" href="css/style.min.css">
13+
14+
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
15+
<link rel="icon" type="image\png" sizes="32x32" href="favicon_io/favicon-32x32.png">
16+
<link rel="icon" type="image\png" sizes="16x16" href="favicon_io/favicon-16x16.png">
17+
<link rel="manifest" type="image\png" href="favicon_io/site.webmanifest">
1418

1519
<title>Brian's Portfolio | Home</title>
1620

@@ -38,8 +42,7 @@ <h1 class="logo me-auto pt-2">
3842
<li><a href="https://github.com/brianobot/Resume/raw/master/_Resume.pdf" class="btn resume-btn justify-content-center mx-2 pe-3" download><i class="fa fa-file mx-2"></i> Get my Resume</a></li>
3943
</ul>
4044
<i class="nav-link fa fa-search mx-3" onclick="show_darkscreen()"></i>
41-
<i class="bi mobile-nav-toggle bi-list"></i>
42-
45+
<i class="bi mobile-nav-toggle bi-list"></i>
4346
</nav>
4447
</div>
4548
</header>
@@ -78,6 +81,39 @@ <h3>
7881
</section>
7982
<!-- End of Hero Section -->
8083

84+
<section id="services" class="pt-4">
85+
<div class="container">
86+
<h3 class="subtitle h2 text-dark text-center fw-bolder">My Top Services</h3>
87+
<div class="services-list">
88+
<div>
89+
<i class="fa fa-sharp fa-solid fa-crop"></i>
90+
<h4 class="h3">Engineering Analysis and Visualization</h4>
91+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit.
92+
Dolorum quidem aliquid sequi.</p>
93+
<a href="#">Learn more</a>
94+
</div>
95+
<div>
96+
<i class="fab fa-app-store"></i>
97+
<h4 class="h3">Software Development</h4>
98+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit.
99+
Dolorum quidem aliquid sequi.</p>
100+
<a href="#">Learn more</a>
101+
</div>
102+
<div>
103+
<i class="fa fa-solid fa-code"></i>
104+
<h4 class="h3">Web Design</h4>
105+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit.
106+
Dolorum quidem aliquid sequi.</p>
107+
<a href="#">Learn more</a>
108+
</div>
109+
</div>
110+
111+
<div class="w-100 mt-5 text-center">
112+
<a href="#" class="btn btn-outline-dark p-3 px-4">See More Services</a>
113+
</div>
114+
</div>
115+
</section>
116+
81117
<!-- Start of Referral Section -->
82118
<section class="text-center text-white my-4 mt-0 bg-dark pt-5">
83119
<h4 class="h1">Refer Me to Earn</h4>
@@ -200,7 +236,7 @@ <h6 class="text-uppercase mb-4">Opening hours</h6>
200236
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="brianobot" data-description="Support me on Buy me a coffee!" data-message="" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
201237

202238
<script async defer src="bootstrap/js/bootstrap.min.js"></script>
203-
<script async defer src="js/main.js"></script>
239+
<script async defer src="js/main.min.js"></script>
204240

205241
<!--Start Google tag (gtag.js) -->
206242
<script async defer src="https://www.googletagmanager.com/gtag/js?id=G-0D5MV7MDPD"></script>

0 commit comments

Comments
 (0)