mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 03:15:39 -06:00
31 lines
1.4 KiB
HTML
31 lines
1.4 KiB
HTML
<section id="intro-section" class="section">
|
|
<div class="bg" data-anchor-target="#intro-section"
|
|
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
|
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
|
></div>
|
|
<div class="intro-wrapper">
|
|
<div class="intro-body" data-anchor-target="#intro-section" data-top="opacity: 1;" data-top-bottom="opacity: 0;">
|
|
<div class="intro-content">
|
|
<h1 class="heading" data-content="Brittany Chiang"><span class="name">Brittany Chiang</span></h1>
|
|
<div class="action-wrapper">
|
|
<p class="subtext">
|
|
<a class="btn main-action">Front End Software Engineer</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="scroll-down-wrapper">
|
|
<a href="#about-section" class="scroll-down">
|
|
<img class="logo" src="img/logo-white.png" alt="scroll down">
|
|
<span class="scroll-down-text">
|
|
Learn More
|
|
<svg class="chevron" viewBox="0 0 57.942 105.958" enable-background="new 0 0 11.893 6.503">
|
|
<line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="2.475" y1="2.475" x2="55.467" y2="55.466" />
|
|
<line fill="none" stroke="#fff" stroke-width="7" stroke-miterlimit="10" x1="55.467" y1="50.492" x2="2.475" y2="103.484" />
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|