tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color flavor black and white

Browse Source
This commit is contained in:
BenjaminToby 2021-05-26 07:50:09 +01:00
parent f02de4fef5
commit cd9c0e85e1
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -20,7 +20,7 @@
<body><!-- ...................................................................................................................... Body --> <body><!-- ...................................................................................................................... Body -->
<header> <header>
<a class="nav-link-block" style="border:none;"><span style="font-family:'Satisfy';color:#1D8CFF;">Tben</span>design</a> <a class="nav-link-block" style="border:none;"><span style="font-family:'Satisfy';">Tben</span>design</a>
<nav> <nav>
<ul> <ul>
<li class="navlink-li"><a href="#" class="navlink">About Me</a></li> <li class="navlink-li"><a href="#" class="navlink">About Me</a></li>
@ -42,7 +42,7 @@
<section class="hero-section"> <section class="hero-section">
<div class="container-1200px hero-content-container"> <div class="container-1200px hero-content-container">
<div class="column-50"> <div class="column-50">
<h1 style="background-color:#B8FFE1;">Benjamin Toby.</h1> <h1 style="background-color:#fff;color:#333;">Benjamin Toby.</h1>
<h2 class="hero-subtext">Hi! I'm a <h2 class="hero-subtext">Hi! I'm a
<a class="hero-content-link" id="ui-ux-design">UI UX Designer</a>, <a class="hero-content-link" id="ui-ux-design">UI UX Designer</a>,
<a class="hero-content-link" id="web-design">Web&nbsp;Designer</a>, <a class="hero-content-link" id="web-design">Web&nbsp;Designer</a>,

31
main.css
View File

@ -24,7 +24,6 @@ body {
display: block; display: block;
margin: 0px; margin: 0px;
overflow: hidden; overflow: hidden;
background-color: #B8FFE1;
/*background-color: #B8FFE1;*/ /*background-color: #B8FFE1;*/
} }
@ -209,18 +208,6 @@ section.hero-section {
font-weight: 500; font-weight: 500;
} }
.hero-content-link {
color: rgba(0,0,0,0.4);
transition: all .3s ease-out;
border-bottom: 2px solid rgba(0,0,0,0.4);
}
.hero-content-link:hover {
background-color: #222222;
color: white;
padding: 5px;
}
.nav-cta-button { .nav-cta-button {
border: 3px solid transparent; border: 3px solid transparent;
transition: all .3s ease-out; transition: all .3s ease-out;
@ -260,10 +247,22 @@ section.hero-section {
margin-top: 15px; margin-top: 15px;
} }
.hero-content-link {
color: rgba(0,0,0,0.4);
transition: all .3s ease-out;
border-bottom: 2px solid rgba(0,0,0,0.4);
}
.hero-content-link:hover {
background-color: #222222;
color: white;
padding: 5px;
}
.main-cta-button { .main-cta-button {
margin: 0; margin: 0;
border: 3px solid #333; border: 3px solid #333;
background-color: #B8FFE1; background-color: #fff;
color: #222; color: #222;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@ -449,7 +448,7 @@ section.hero-section {
padding: 10px; padding: 10px;
width: 40px; width: 40px;
height: 40px; height: 40px;
background-color: #B8FFE1; background-color: #fff;
} }
.hamburger:hover { .hamburger:hover {
@ -517,7 +516,7 @@ section.hero-section {
} }
.hero-content-link { .hero-content-link {
background-color: #B8FFE1; background-color: #fff;
} }
.hero-ctas-block { .hero-ctas-block {