Skip to content

Commit 326d816

Browse files
GbajaGbaja
committed
Updated webpage.
I didn't like the way it looks anymore. Changed it.
1 parent 91d2735 commit 326d816

File tree

2 files changed

+26
-49
lines changed

2 files changed

+26
-49
lines changed

‎index.html

+13-19
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,25 @@
22
<html>
33
<head>
44
<title> Portfolio - Fatimat Gbajabiamila </title>
5+
<meta charset='utf-8'>
56
<meta name="viewport" content="width=device-width, initial-scale=1">
67
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
7-
<link href="https://fonts.googleapis.com/css?family=Kumar+One+Outline|Amatic+SC|Indie+Flower" rel="stylesheet">
8+
<link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
89
<link rel="stylesheet" type="text/css" href="public/index.css"/>
910
</head>
1011
<body>
1112

12-
<div class="index-container">
13-
<header class="heading">
14-
<h1 class="heading__name"> Fatimat Gbajabiamila </h1>
15-
<h4 class="heading__role"> Full-stack Javascript Developer </h4>
16-
</header>
17-
<nav class="index-nav">
18-
<ul class="index-nav">
19-
<li class="index-nav__list"><a href="./Fatimat's CV.pdf" class="index-nav__links"> CV </a></li>
20-
<li class="index-nav__list"><a href="https://github.com/Gbaja/portfolio/blob/master/README.md" class="index-nav__links"> Projects </a></li>
21-
</ul>
22-
</nav>
23-
<div class="socials">
24-
<ul>
25-
<li class="index-nav__list"><a href="https://codepen.io/Fatimat/" class="index-nav__links"><i class="fa fa-codepen" aria-hidden="true"></i></a></li>
26-
<li class="index-nav__list"><a href="https://github.com/Gbaja" class="index-nav__links"><i class="fa fa-github" aria-hidden="true"></i></a></li>
27-
<li class="index-nav__list"><a href="https://linkedin.com/in/fatimat-gbajabiamila" class="index-nav__links"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
28-
<li class="index-nav__list"><a href="https://twitter.com/FG_webdev" class="index-nav__links"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
29-
<li class="index-nav__list"><a href="mailto:[email protected]" class="index-nav__links"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
13+
<div class="container">
14+
<h1 class="text"> Hey 👋</h1>
15+
<p>My name is Fatimat Gbajabiamila.</p>
16+
<p class="heading__role"> I am a Full-stack Javascript Developer. </p>
17+
<p class="text">View my projects on <a href="https://github.com/Gbaja/portfolio/blob/master/README.md" class="links"> github</a>.</p>
18+
<p class="text">I sometimes make stuff on <a href="https://codepen.io/Fatimat/" class="links">Codepen</a>.</p>
19+
<p class="text">Connect with me on <a href="https://linkedin.com/in/fatimat-gbajabiamila" class="links">LinkedIn</a> and <a href="https://twitter.com/FG_webdev" class="links">Twitter</a>.</p>
20+
<p class="text">Download my
21+
<a href="./Fatimat's CV.pdf" class="links"> CV</a>.
22+
</p>
23+
<p class="text">Contact me via <a href="mailto:[email protected]" class="links"> email</a>.</p>
3024
</ul>
3125
</div>
3226
</div>

‎public/index.css

+13-30
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,22 @@
11
*{
2-
margin: 0px;
3-
padding: 0px;
42
text-align: center;
53
color: black;
4+
font-family: Old Standard TT;
5+
font-weight: bold;
6+
font-size: 1.3rem;
67
}
7-
.index-container{
8-
height: 100%;
9-
position: fixed;
10-
width: 100%;
11-
display: flex;
12-
flex-direction: column;
13-
justify-content: center;
8+
.container{
9+
margin: 0 auto;
1410
}
15-
.heading__name{
16-
font-family:Kumar One Outline;
17-
font-size: 2.2rem;
18-
padding-bottom: 0.5rem;
19-
}
20-
.heading__role{
21-
font-family: Indie Flower;
22-
font-size: 2rem;
23-
}
24-
.index-nav__list{
25-
display: inline-block;
26-
padding: 0.6rem;
27-
}
28-
.index-nav__links{
29-
text-decoration: none;
30-
color: black;
31-
font-size: 2rem;
32-
font-family: Amatic SC;
11+
a{
12+
color: crimson;
3313
}
3414

3515
@media screen and (min-width: 600px) {
36-
.heading__name{
37-
font-size: 3.2rem;
16+
*{
17+
font-size: 1.8rem;
3818
}
39-
}
19+
.container{
20+
width: 70%;
21+
}
22+
}

0 commit comments

Comments
 (0)