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.

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

Feedback #1

Open
wants to merge 5 commits into
base: feedback
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
154 changes: 154 additions & 0 deletions .github/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="pt-br">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap" rel="stylesheet">
<title>Portifólio</title>
</head>

<body>
<header>
<h1>adamkeyes</h1>
<nav>
<a href=""><i class="fa-brands fa-github fa-lg"></i></a>
<a href=""><i class="fa-brands fa-instagram fa-lg"></i></a>
<a href=""><i class="fa-brands fa-linkedin fa-lg"></i></a>
</nav>
</header>
<section class="section-one">
<div class="box-section-one">
<h2>Nice to meet you!<br>I'm <span class="style-adam">Adam Keyes.</span></h2>
<p>Based in the UK, I'm a front-end developer
passionate about building accessible web apps
that users love.</p>
<a href="">CONTACT ME</a>
</div>
<img src="https://adamkeyes-portfolio.vercel.app/assets/images/image-profile-desktop.webp" alt="ImagemAdam"
width="100">
</section>
<hr>
<br>
<br>
<br>
<section class="section-two">
<div class="box-section-two">
<div class="box-tec-two">
<h3>HTML</h3>
<p>4 Years Experience</p>
</div>
<div class="box-tec-two">
<h3>CSS</h3>
<p>4 Years Experience</p>
</div>
<div class="box-tec-two">
<h3>java Script</h3>
<p>4 Years Experience</p>
</div>

<div class="box-tec-two">
<h3>Accessibility</h3>
<p>4 Years Experience</p>
</div>
<div class="box-tec-two">
<h3>React</h3>
<p>4 Years Experience</p>
</div>
<div class="box-tec-two">
<h3>Sass</h3>
<p>4 Years Experience</p>
</div>
</div>
</section>
<hr>
<br>
<br>
<br>
<div class="header-section-three">
<h2>Project</h2>
<a href="">CONTACT ME</a>
</div>
<section class="section-three">
<div class="box-section-three">
<img src="https://portfolio-fem.netlify.app/images/thumbnail-project-1-small.webp" alt="">
<h4>DESIGN PORTFOLIO</h4>
<span>HTML</span>
<span>CSS</span>
</div>
<div class="box-section-three">
<img src="https://preview.bayoumi.dev/single-page-developer-portfolio/assets/thumbnail-project-2-large.webp"
alt="">
<h4>E-LEARNING LANDING PAGE</h4>
<span>HTML</span>
<span>CSS</span>
</div>
<div class="box-section-three">
<img src="https://singlepage-developer-portfolio.vercel.app/thumbnail-project-3-small.1ee882fd.webp" alt="">
<h4>TODO WEB APP</h4>
<span>HTML</span>
<span>CSS</span>
<span>JAVASCRIPT</span>
</div>
<div class="box-section-three">
<img src="https://singlepage-developer-portfolio.vercel.app/thumbnail-project-4-small.8d6102b1.webp" alt=""
id="image-box-three-4">
<h4>ENTERTAINMENT WEB APP</h4>
<span>HTML</span>
<span>CSS</span>
<span>JAVASCRIPT</span>
</div>
<div class="box-section-three">
<img src="https://singlepage-developer-portfolio.vercel.app/thumbnail-project-5-small.657a3411.webp" alt=""
id="image-box-three-5">
<h4>MEMORY GAME</h4>
<span>HTML</span>
<span>CSS</span>
<span>JAVASCRIPT</span>
</div>
<div class="box-section-three">
<img src="https://preview.bayoumi.dev/single-page-developer-portfolio/assets/thumbnail-project-6-large.webp"
alt="" id="image-box-three-6">
<h4>ART GALLERY SHOWCASE</h4>
<span>HTML</span>
<span>CSS</span>
<span>JAVASCRIPT</span>
</div>
</section>
<section class="section-four">
<div class="box-section-four">
<h2>Contact</h2>
<p>I would love to hear about your project and how I
could help. Please fill in the form, and I'II get back
to you as soon as possible.
</p>
</div>
<div class="box-form-four">
<form>
<input type="text" require placeholder="NAME" class="input-name" name="name"><br><br>
<input type="email" require placeholder="EMAIL" class="input-email" name="email"><br><br>
<input type="text" require placeholder="MESSAGE" class="input-text" name="text"><br><br>
<div class="box-submit">
<input type="submit" value="SEND MESSAGE" class="input-submit" name="submit"><br><br>
</div>
</form>
</div>
</section>
<footer>
<h2 id="title-footer">adamkeyes</h2>
<nav>
<a href="" id="link-github"><i class="fa-brands fa-github fa-lg"></i></a>
<a href="" id="link-instagram"><i class="fa-brands fa-instagram fa-lg"></i></a>
<a href="" id="link-linkedin"><i class="fa-brands fa-linkedin fa-lg"></i></a>
</nav>
</footer>
</body>

</html>
Loading