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

Hero Text Updated

Browse Source
This commit is contained in:
BenjaminToby 2021-05-25 18:12:04 +01:00
parent a59bd31638
commit 0470a0347e
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html
View File

@ -39,15 +39,15 @@
<section class="hero-section"> <section class="hero-section" style="padding-top: 40px;">
<div class="container-1200px"> <div class="container-1200px">
<div class="column-50"> <div class="column-50">
<h1>Hi. I'm <span class="my-name">Benjamin&nbsp;Toby</span>&nbsp;.<br>And I design great stuff.</h1> <h1><span style="font-family:'Satisfy';font-size:.7em;color:#888;">Hi!&nbsp;I'm&nbsp;<span style="font-family:'Poppins';color:#ddd;font-size:.5em;white-space:nowrap;">---------------------------</span></span><br>Benjamin Toby.</h1>
<h2 class="hero-subtext"> <h2 class="hero-subtext">
<a href="#" class="hero-content-link" id="ui-ux-design">UI UX Design</a>, <a href="#" class="hero-content-link" id="ui-ux-design">UI UX Designer</a>,
<a href="#" class="hero-content-link" id="web-design">Web Design</a>, <a href="#" class="hero-content-link" id="web-design">Web Designer</a>,
<a href="#" class="hero-content-link" id="frontend-dev">Frontend Web Develpment</a>, <a href="#" class="hero-content-link" id="frontend-dev">Frontend Web Developer</a>,
<a href="#" class="hero-content-link" id="graphic-design">Graphic and Motion Design</a>. <a href="#" class="hero-content-link" id="graphic-design">Graphic and Motion Designer</a>.
</h2> </h2>
<a href="#" style="border:none;margin-top:15px;display:flex;justify-content:flex-start;"> <a href="#" style="border:none;margin-top:15px;display:flex;justify-content:flex-start;">

14
main.css
View File

@ -59,7 +59,7 @@ a:hover {
} }
h1 { h1 {
font-size: 60px; font-size: 64px;
margin-top: 0px; margin-top: 0px;
margin-bottom: 15px; margin-bottom: 15px;
color: inherit; color: inherit;
@ -202,7 +202,7 @@ input:focus {
} }
.hero-content-link { .hero-content-link {
color: #888;
} }
.hero-content-link:hover { .hero-content-link:hover {
@ -238,10 +238,10 @@ input:focus {
/*................................................... Hero Section */ /*................................................... Hero Section */
.my-name { .my-name {
font-family: "Satisfy";
color: #3C60DE; color: #3C60DE;
line-height: 1.05; background-color: #E6EDFF;
letter-spacing: -3px; padding: 0 10px;
font-size: 1.5em;
} }
.linkedin-block { .linkedin-block {
@ -384,7 +384,7 @@ input:focus {
@media (max-width: 600px) { @media (max-width: 600px) {
h1 { h1 {
font-size: 40px; font-size: 44px;
} }
header { header {
@ -392,7 +392,7 @@ input:focus {
} }
.hero-section { .hero-section {
padding: 40px 20px 20px 20px; padding: 20px;
} }
.hero-content-link { .hero-content-link {