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

More refinements

Browse Source
This commit is contained in:
BenjaminToby
2021-06-07 05:57:50 +01:00
parent bc7dbb470b
commit 663a214554
4 changed files with 116 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
v2.html
+18 -18
View File
@@ -10,7 +10,7 @@
<title>Tben Design</title>
<meta name="description" content="Web/Graphic/Motion Designer, UI UX Designer, Frontend Web Developer">
<link rel="shortcut icon" type="image/x-icon" href="/images-dw/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Lato:400,500,700,800|Material+Icons|Anton" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,500,700,800|Material+Icons|Anton|Squada+One|Coda" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/hennigar" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
@@ -34,19 +34,19 @@
<!-- #################################################################################-- Header -->
<header>
<a>Tben.Design</a>
<a href="#">Tben.Design</a>
<nav>
<a>About Me</a>
<a>My Work</a>
<a>My Certifications</a>
<a>Contact Me</a>
<a href="#">About Me</a>
<a href="#">My Work</a>
<a href="#">My Certifications</a>
<a href="#">Contact Me</a>
</nav>
</header>
<div class="aside-header" id="aside-heder-block">
<a href="#"><span class="material-icons">face</span>&nbsp;&nbsp;My&nbsp;Resume</a>
<a class="email-link-block">
<a href="#" class="email-link-block">
<div>
<span class="material-icons" style="margin-left: 3px;">mail</span>
&nbsp;&nbsp;&nbsp;Get&nbsp;in&nbsp;touch&nbsp;with&nbsp;me
@@ -56,11 +56,11 @@
</a>
</div>
<div class="hamburger-wrapper">
<a class="hamburger-wrapper" href="#">
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
</div>
</a>
@@ -75,7 +75,7 @@
<div class="hero-graphic-controller translate" data-speed=".25">
<div id="benjamin-hero-text"></div>
<div class="hero-graphic-block">
<img src="images/placeholder-portrait.png" alt="" width="380px" height="auto">
<img src="images/placeholder-portrait-2.png" alt="" width="380px" height="auto">
</div>
</div>
</div>
@@ -84,10 +84,10 @@
<div class="hero-text-block-init" style="transform-style:preserve-3d;" id="hero-text-controller">
Hi. I'm a
<h1 style="font-family:inherit;">
<span>UI/UX Designer</span>,
<span>Web Designer</span>,
<span>Frontend Web Developer</span>,
<span>Graphic and Motion Designer</span>.
<span><a href="#">UI/UX Designer</a></span>,
<span><a href="#">Web Designer</a></span>,
<span><a href="#">Frontend Web Developer</a></span>,
<span><a href="#">Graphic and Motion Designer</a></span>.
</h1>
</div>
<a href="#" id="linkedin-link-block">Get&nbsp;me&nbsp;on&nbsp;LinkedIn</a>
@@ -115,7 +115,7 @@
<!-- #################################################################################-- My Work Section -->
<section class="below-fold translate menu-color-change" data-speed=".1" id="section-2" style="perspective:600px;">
<section class="below-fold translate menu-color-change" data-speed=".1" id="section-2">
<div style="perspective:400px;transform-style:preserve-3d;">
<div class="container-darkbg translate" data-speed="0" style="perspective:400px;transform-style:preserve-3d;">
<h2 class="scroll-into-view">Some of my Work</h2>
@@ -123,17 +123,17 @@
</div>
<div class="right-column" style="perspective:400px;transform-style:preserve-3d;">
<a class="portfolio-item scroll-into-view">
<a href="#" class="portfolio-item scroll-into-view">
<div><img src="images/portfolio-item-3.jpg" alt=""></div>
<h4>Portfolio Item Title</h4>
</a>
<a class="portfolio-item scroll-into-view">
<a href="#" class="portfolio-item scroll-into-view">
<div><img src="images/portfolio-item-2.jpg" alt=""></div>
<h4>Portfolio Item Title</h4>
</a>
<a class="portfolio-item scroll-into-view">
<a href="#" class="portfolio-item scroll-into-view">
<div><img src="images/portfolio-item-1.jpg" alt=""></div>
<h4>Portfolio Item Title</h4>
</a>