tben/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add new form and nav interactions

Browse Source
This commit is contained in:
BenjaminToby
2021-06-20 08:02:27 +01:00
parent 29e4824079
commit 1296ddbe79
119 changed files with 13824 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+42 -46
View File
@@ -39,15 +39,18 @@
<div>Tben.<br>Design</div>
</a>
<nav>
<a href="#">About Me</a>
<a href="#">My Work</a>
<a href="#">Resume</a>
<a href="#">Contact Me</a>
<a href="#" class="social-media-links material-icons" id="mail">mail</a>
<a href="#" class="social-media-links material-icons" id="linkedin">adb</a>
<a href="#" class="social-media-links material-icons" id="behance">mouse</a>
</nav>
<div>
<nav>
<a href="#my-work" id="my-work-link" class="nav-link">My Work</a>
<a href="#about-me" id="about-me-link" class="nav-link">About Me</a>
<a href="#my-specialties" id="resume-link" class="nav-link">Resume</a>
<a href="#contact-me" id="contact-me-link" class="nav-link">Contact Me</a>
<a href="mailto:[email protected]" class="social-media-links material-icons" id="mail">mail</a>
<a href="#" class="social-media-links material-icons" id="linkedin">adb</a>
<a href="#" class="social-media-links material-icons" id="behance">mouse</a>
</nav>
</div>
</header>
<div id="header-controller"></div>
@@ -76,6 +79,12 @@
</h1>
</div>
<button class="main-cta-button">Let's Talk</button>
<div class="hero-scroll-down-block">
<a href="#my-work">
<div>&lsaquo;</div>
</a>
</div>
</div>
<img src="images/clouds.jpg" alt="" id="clouds">
@@ -93,7 +102,7 @@
<!-- #################################################################################-- My Work -->
<section class="my-work-section">
<section class="my-work-section" id="my-work">
<div>
<h2 class="scroll-into-view-content">Some of My Work</h2>
<p class="scroll-into-view-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
@@ -115,7 +124,7 @@
<!-- #################################################################################-- About Me -->
<section class="about-me-section">
<section class="about-me-section" id="about-me">
<div class="scroll-into-view">
</div>
@@ -137,7 +146,7 @@
<!-- #################################################################################-- My Specialties -->
<section class="my-specialties-section">
<section class="my-specialties-section" id="my-specialties">
<h2 class="scroll-into-view-content">My Tools For Creating Awesomeness</h2>
<p class="scroll-into-view-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo
@@ -171,50 +180,37 @@
<!-- #################################################################################-- Contact Me -->
<section class="contact-section">
<section class="contact-section" id="contact-me">
<div>
<h2 class="scroll-into-view-content">So. Let's have a chat</h2>
<h2 class="scroll-into-view-content">So. Let's talk</h2>
<p class="scroll-into-view-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus
commodo viverra maecenas accumsan lacus vel facilisis. </p>
tempor incididunt ut labore et dolore magna aliqua. </p>
<a href="mailto:[email protected]">Email Address&nbsp;<span class="material-icons">mail</span></a>
<div>
<div>Copyright 2021 Tben.Design</div>
</div>
</div>
<div class="scroll-into-view">
<form id="fcf-form-id" class="fcf-form-class" method="post" action="contact-form-process.php">
<div class="fcf-form-group">
<label for="Name" class="fcf-label">Your name</label>
<div class="fcf-input-group">
<input type="text" id="Name" name="Name" class="fcf-form-control" required>
</div>
</div>
<div class="fcf-form-group">
<label for="Email" class="fcf-label">Your email address</label>
<div class="fcf-input-group">
<input type="email" id="Email" name="Email" class="fcf-form-control" required>
</div>
</div>
<div class="fcf-form-group">
<label for="Message" class="fcf-label">Your message</label>
<div class="fcf-input-group">
<textarea id="Message" name="Message" class="fcf-form-control" rows="6" maxlength="3000"
required></textarea>
</div>
</div>
<div class="fcf-form-group">
<button type="submit" id="fcf-button" class="fcf-btn fcf-btn-primary fcf-btn-lg fcf-btn-block">Send
Message</button>
</div>
</form>
<div class="scroll-into-view-content">
<form id="contact-form" class="main-cta-form" method="post" action="contact-form-process.php">
<input type="text" required placeholder="Enter Full Name">
<input type="email" required placeholder="Enter Email Address">
<textarea name="Message" rows="3" maxlength="3000" required placeholder="Enter Message"></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</div>
<div class="contact-section-controller"></div>
<div class="footer-bar">
</div>
</section>