Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed some of the markups and semantics usage #312

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fixed some of the markups and semantics usage #312

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 34 additions & 53 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,13 +103,11 @@
<a class="logo"></a>
</div>

<div class="navbar-collapse">

<div class="navbar-collapse">
<div class="my-name">
<strong>BENNY "The King" CARLSON</strong>
</div>
<ul class="nav-list">

<li>
<a href="#home" onclick="topFunction()" title="Home">
<span>Home</span>
Expand Down Expand Up @@ -145,10 +143,8 @@
</nav>

<div class="overlay">

<header id="home" class="profile-area">
<div class="profile-area__inner">

<img class="circle-profile-img" src="assets/images/profilepic.jpg" alt="Profile image" />
<div class="your-element tilt" data-tilt data-tilt-max="50" data-tilt-speed="400"
data-tilt-perspective="500">
Expand Down Expand Up @@ -202,18 +198,16 @@ <h3 class="hover-zoom">Software Developer</h3> <img src="https://media.giphy.com

<div class="wrapper" style="margin-top: -4em">
<canvas id="canvas"></canvas>

<div class="content-wrapper">
<div id="raining" style="display: none; position: absolute; top:0;">
<img id="circle-profile-img" src="assets/images/profilepic.jpg" alt="Profile image" />
<img id="circle-profile-img" src="assets/images/profilepic.jpg" alt="Profile image" />
<img id="circle-profile-img" src="assets/images/profilepic.jpg" alt="Profile image" />
<h1 style="text-align:left;">HERE I COME</h1>
</div>
<main>

<section>
<div class=""
<main>
<section>
<div class="section-container">

<!--
-___________-
Expand All @@ -239,7 +233,7 @@ <h1 style="text-align:left;">HERE I COME</h1>
(__) (___) (___) (___) (__)
/_______________________________\
-->
<!-- <a href="https://github.com/BennyCarlsson/MyPortfolio-Hacktoberfest2019" class="github-corner"
<a href="https://github.com/BennyCarlsson/MyPortfolio-Hacktoberfest2019" class="github-corner"
aria-label="View source on GitHub">
<svg width="80" height="80" viewBox="0 0 250 250"
style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0; z-index: 1000;"
Expand All @@ -252,38 +246,28 @@ <h1 style="text-align:left;">HERE I COME</h1>
</svg>
</a> -->
<style>
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {

0%, 100% {
transform: rotate(0)
}

20%, 60% {
transform: rotate(-25deg)
}

40%, 80% {
transform: rotate(10deg)
}
}

@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
}

.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}

h4, h3, h5 {
padding-bottom: 15px;
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out

@keyframes octocat-wave {
0%, 100% {
transform: rotate(0)
20%, 60% {
transform: rotate(-25deg)
40%, 80% {
transform: rotate(10deg)
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none

.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}

h4, h3, h5 {
padding-bottom: 15px;
}
</style>
<a href="http://www.resilientcoders.org/">
<img id="rc" class="reveal" src="assets/images/rc-logo.svg" alt="a resilient coder was here...">
Expand Down Expand Up @@ -602,18 +586,16 @@ <h2 id="tutorials">
<video class="waypoint-bottom" controls autoplay loop muted>
<source src="assets/video/website.mp4" type="video/mp4" />
</video>
<br /><br />
<br><br/>
<h2 id="testimonals">
Testimonial
</h2>
<p>
Benny is a hack of a guy. He was recommended to me by a mutual friend as a web developer. We discussed my requirements fully before going ahead with anything and he put together a
package for me that met all my needs. I never felt pushed or pressured and the whole thing from start to finish was stress free and supportive.
The website when completed completely surpassed all my expectations and I am totally thrilled. Any tweeks and edits that were needed were minimal and done quickly.
Mr Carlsson continues to support me when I need things updated and changed and there is no waiting around for days to get things sorted.<br />
A completely brilliant and professional service that I am so happy I went with. There is so much choice in this field and it's confusing about who the 'right' person to go with is.
I am glad I found Benny so early on in my search and would never use anyone else! Very skilled and clever guy who I can't recommend enough!
<br />- Mike Strider (IT @ LevelUp Development)
<p>Benny is a hack of a guy. He was recommended to me by a mutual friend as a web developer. We discussed my requirements fully before going ahead with anything and he put together a package for me that met all my needs. I never felt pushed or pressured and the whole thing from start to finish was stress free and supportive.
The website when completed completely surpassed all my expectations and I am totally thrilled. Any tweeks and edits that were needed were minimal and done quickly.
Mr Carlsson continues to support me when I need things updated and changed and there is no waiting around for days to get things sorted.<br />
A completely brilliant and professional service that I am so happy I went with. There is so much choice in this field and it's confusing about who the 'right' person to go with is.
I am glad I found Benny so early on in my search and would never use anyone else! Very skilled and clever guy who I can't recommend enough!
<br/>- Mike Strider (IT @ LevelUp Development)
</p>
<p class="light-elitist">
If you're looking for someone who can really "show you the light", there's no one I'd recommend more than Benny. I was actually working on an existing project and enlisted Benny
Expand Down Expand Up @@ -656,7 +638,6 @@ <h3>By Elon Musk</h3>
<h1 style="text-align: center;">Random Pictures</h1>
</div>


</div>

<!-- easter_egg -->
Expand Down