mirror of
https://github.com/itme-brain/itme-brain.github.io.git
synced 2026-03-23 20:19:43 -04:00
Refactor
This commit is contained in:
parent
f18dd175e1
commit
1d535006fa
7 changed files with 127 additions and 210 deletions
67
index.html
67
index.html
|
|
@ -1,70 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bryan Ramos :: Developer</title>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="keywords" content="bryan, ramos, developer, freelance, fullstack">
|
||||
|
||||
<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=Righteous&family=Ubuntu&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous"></script>
|
||||
<title>codecologist.dev</title>
|
||||
|
||||
<script src="https://kit.fontawesome.com/f26d369dc4.js" crossorigin="anonymous">
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="navbar">
|
||||
<div class="socialicons">
|
||||
<a href="tel:786-319-2776"><i class="fa-solid fa-square-phone"></i></a>
|
||||
<a href="mailto: bryan@codecologist.com"><i class="fa-solid fa-square-envelope"></i></a>
|
||||
<a href="mailto: bryan@codecologist.dev"><i class="fa-solid fa-square-envelope"></i></a>
|
||||
<a href="https://github.com/codecologist"><i class="fa-brands fa-github"></i></a>
|
||||
<a href="https://twitter.com/Codecologist"><i class="fa-brands fa-square-twitter"></i></a>
|
||||
<a href="https://www.youtube.com/channel/UCqr3HoBvla1s9hK5CCKI_Kg"><i class="fa-brands fa-youtube"></i></a>
|
||||
|
||||
<a href="Resume.pdf">
|
||||
<button class="resumeDownload">
|
||||
<i class="fa-solid fa-file-arrow-down"></i>
|
||||
Resume</button></a>
|
||||
</div>
|
||||
<a href="pgpkey.html"><i class="fa-solid fa-key"></i></a>
|
||||
</section>
|
||||
|
||||
<section class="heading">
|
||||
<h1>Bryan</h1>
|
||||
<div class="typewriterArea">
|
||||
<h2 class="code"><</h2>
|
||||
<!-- <h2 class="element">h2</h2>
|
||||
<h2 class="class">class=</h2>
|
||||
<h2 class="className">"title"</h2>
|
||||
<h2 class="code">></h2> -->
|
||||
<h2 class="class">Lorem Ipsum</h2>
|
||||
<!-- <h2 class="code"><</h2>
|
||||
<h2 class="element">h2</h2> -->
|
||||
<h2 class="code">/></h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="portfolio">
|
||||
<div class="typewriterArea2">
|
||||
<h3 class="code">{:</h3>
|
||||
<h3 class="className">Sample Portfolio</h3>
|
||||
<h3 class="code">};</h3>
|
||||
</div>
|
||||
<div class="projectsGalleryGrid">
|
||||
<a><img class="project project1" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
<a><img class="project project2" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
<a><img class="project project3" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
<a><img class="project project4" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
<a><img class="project project5" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
<a><img class="project project6" src="https://media.istockphoto.com/vectors/thumbnail-image-vector-graphic-vector-id1147544807?k=20&m=1147544807&s=612x612&w=0&h=pBhz1dkwsCMq37Udtp9sfxbjaMl27JUapoyYpQm0anc="></a>
|
||||
</div>
|
||||
<h1>Bryan Ramos</h1>
|
||||
</section>
|
||||
|
||||
<section class="technologies">
|
||||
<div class="typewriterArea3">
|
||||
<h3 class="code">(--</h3>
|
||||
<h3 class="variableName">Sample Technologies</h3>
|
||||
<h3 class="code">);</h3>
|
||||
</div>
|
||||
<div class="technologiesIconsGrid">
|
||||
<i class="fa-brands fa-html5 fa-3x"></i>
|
||||
<i class="fa-brands fa-css3 fa-3x"></i>
|
||||
|
|
@ -88,18 +56,5 @@
|
|||
<i class="fa-brands fa-python fa-3x"></i>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact">
|
||||
<h3 class="contactMe">NIP CONTACTFORM*</h3>
|
||||
<!--<div class="contactForm">
|
||||
<form id="contact" method="post" action="">
|
||||
<input class="formField" name="name" type="text" placeholder="Your Name" required>
|
||||
<input class="formField" name="email" type="email" placeholder="Your Email" required>
|
||||
<textarea class="formField" name="message" style="resize:none" placeholder="Your Message..." rows="4" required></textarea>
|
||||
<input class="formField" type="submit" value="Send Message!">
|
||||
</form>
|
||||
</div>-->
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue