Added Animations to all Headers

This commit is contained in:
Bryan 2022-08-08 11:15:16 -04:00
parent cdd05b8e85
commit bc109d7da7
3 changed files with 84 additions and 27 deletions

View file

@ -21,7 +21,7 @@
<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">
<a href="Resume.pdf">
<button class="resumeDownload">
<i class="fa-solid fa-file-arrow-down"></i>
Resume</button></a>
@ -32,19 +32,23 @@
<h1>Bryan Ramos</h1>
<div class="typewriterArea">
<h2 class="code">&lt;</h2>
<h2 class="element">h2</h2>
<!-- <h2 class="element">h2</h2>
<h2 class="class">class=</h2>
<h2 class="className">"title"</h2>
<h2 class="code">&gt;</h2>
<h2 class="plaintext">Fullstack Developer</h2>
<h2 class="code">&lt;/</h2>
<h2 class="element">h2</h2>
<h2 class="code">&gt;</h2>
<h2 class="code">&gt;</h2> -->
<h2 class="class">Fullstack Developer</h2>
<!-- <h2 class="code">&lt;</h2>
<h2 class="element">h2</h2> -->
<h2 class="code">/&gt;</h2>
</div>
</section>
<section class="portfolio">
<h3>Portfolio</h3>
<div class="typewriterArea2">
<h3 class="code">{:</h3>
<h3 class="className">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>
@ -56,7 +60,11 @@
</section>
<section class="technologies">
<h3>Technologies</h3>
<div class="typewriterArea3">
<h3 class="code">(--</h3>
<h3 class="variableName">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>
@ -81,14 +89,14 @@
<section class="contact">
<h3 class="contactMe">[contactme@ContactForm]$</h3>
<div class="contactForm">
<!--<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>
</div>-->
</section>
</body>