mirror of
https://github.com/itme-brain/itme-brain.github.io.git
synced 2026-03-23 20:19:43 -04:00
v2
This commit is contained in:
Brain
parent
1447f3313b
commit
2bd27a5db4
4 changed files with 145 additions and 35 deletions
34
index.html
34
index.html
|
|
@ -16,10 +16,15 @@
|
|||
<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-envelope"></i></a>
|
||||
<a href="https://github.com/codecologist"><i class="fa-brands fa-square-github"></i></a>
|
||||
<a href="https://twitter.com/Codecologist"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="mailto: bryan@codecologist.com"><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.txt" download="Resume.txt">
|
||||
<button class="resumeDownload">
|
||||
<i class="fa-solid fa-file-arrow-down"></i>
|
||||
Resume</button></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -27,13 +32,13 @@
|
|||
<h1>Bryan Ramos</h1>
|
||||
<div class="typewriterArea">
|
||||
<h2 class="code"><</h2>
|
||||
<h2 class="element">title</h2>
|
||||
<h2 class="element">h2</h2>
|
||||
<h2 class="class">class=</h2>
|
||||
<h2 class="className"> "profession"</h2>
|
||||
<h2 class="className">"title"</h2>
|
||||
<h2 class="code">></h2>
|
||||
<h2 class="plaintext">Fullstack Developer</h2>
|
||||
<h2 class="code"></</h2>
|
||||
<h2 class="element">title</h2>
|
||||
<h2 class="element">h2</h2>
|
||||
<h2 class="code">></h2>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -41,12 +46,12 @@
|
|||
<section class="portfolio">
|
||||
<h3>Portfolio</h3>
|
||||
<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=">Example 1</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=">Example 2</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=">Example 3</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=">Example 4</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=">Example 5</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=">Example 6</a>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
|
|
@ -61,6 +66,7 @@
|
|||
<i class="fa-brands fa-aws fa-3x"></i>
|
||||
<i class="fa-brands fa-vuejs fa-3x"></i>
|
||||
<i class="fa-brands fa-bitcoin fa-3x"></i>
|
||||
<i class="fa-solid fa-bolt fa-3x"></i>
|
||||
<i class="fa-brands fa-ethereum fa-3x"></i>
|
||||
<i class="fa-brands fa-rust fa-3x"></i>
|
||||
<i class="fa-brands fa-react fa-3x"></i>
|
||||
|
|
@ -74,12 +80,12 @@
|
|||
</section>
|
||||
|
||||
<section class="contact">
|
||||
<h3>Contact Me</h3>
|
||||
<h3 class="contactMe">[contactme@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" placeholder="Your Message..." rows="4" required></textarea>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue