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

add phpmailer via composer

Browse Source
This commit is contained in:
BenjaminToby 2021-06-19 09:12:11 +01:00
parent 1e17252358
commit 949e3998ff
1 changed files with 113 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

219
index.html
View File

@ -2,41 +2,42 @@
<html lang="en"> <html lang="en">
<head><!-- ...................................................................................................................... Head --> <head>
<!-- ...................................................................................................................... Head -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"/> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Tben Design V3</title> <title>Tben Design V3</title>
<meta name="description" content="Web/Graphic/Motion Designer, UI UX Designer, Frontend Web Developer"> <meta name="description" content="Web/Graphic/Motion Designer, UI UX Designer, Frontend Web Developer">
<link rel="shortcut icon" type="image/x-icon" href="/images-dw/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/images-dw/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800|Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800|Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="v3.css"> <link rel="stylesheet" href="main.css">
</head> </head>
<body> <body>
<!-- #################################################################################-- Preloader --> <!-- #################################################################################-- Preloader -->
<div class="preloader-init" id="preloader"></div> <div class="preloader-init" id="preloader"></div>
<!-- #################################################################################-- Header --> <!-- #################################################################################-- Header -->
<header> <header>
<a href="#"> <a href="#">
<img src="images/logo-v3.svg" alt=""> <img src="images/logo-v3.svg" alt="">
<div>Tben.<br>Design</div> <div>Tben.<br>Design</div>
</a> </a>
<nav> <nav>
<a href="#">About Me</a> <a href="#">About Me</a>
<a href="#">My Work</a> <a href="#">My Work</a>
@ -47,94 +48,100 @@
<a href="#" class="social-media-links material-icons" id="behance">mouse</a> <a href="#" class="social-media-links material-icons" id="behance">mouse</a>
</nav> </nav>
</header> </header>
<div id="header-controller"></div> <div id="header-controller"></div>
<!-- #################################################################################-- Hero --> <!-- #################################################################################-- Hero -->
<section class="hero-section"> <section class="hero-section">
<div></div> <div></div>
<div> <div>
<div class="main-text-block"> <div class="main-text-block">
Hi. I’m a Hi. I’m a
<h1 class="main-hero-text"> <h1 class="main-hero-text">
<a href="">UI UX Designer</a>, <a href="">UI UX Designer</a>,
<a href="">Web Designer</a>, <a href="">Web Designer</a>,
<a href="">Frontend Web Developer</a>, <a href="">Frontend Web Developer</a>,
<a href="">Graphic and motion Designer</a>. <a href="">Graphic and motion Designer</a>.
</h1> </h1>
</div> </div>
<button class="main-cta-button">Let's Talk</button> <button class="main-cta-button">Let's Talk</button>
</div> </div>
<img src="images/clouds.jpg" alt="" id="clouds"> <img src="images/clouds.jpg" alt="" id="clouds">
<img src="images/mountains.png" alt="" id="mountains"> <img src="images/mountains.png" alt="" id="mountains">
<div class="benjamin-image-block"></div> <div class="benjamin-image-block"></div>
<div class="benjamin-big-text-block">Benjamin<br>Toby</div> <div class="benjamin-big-text-block">Benjamin<br>Toby</div>
</section> </section>
<!-- #################################################################################-- My Work --> <!-- #################################################################################-- My Work -->
<section class="my-work-section"> <section class="my-work-section">
<div> <div>
<h2 class="scroll-into-view-content">Some of My Work</h2> <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 tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p> <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>
</div> </div>
<div class="scroll-into-view"> <div class="scroll-into-view">
</div> </div>
</section> </section>
<!-- #################################################################################-- About Me --> <!-- #################################################################################-- About Me -->
<section class="about-me-section"> <section class="about-me-section">
<div class="scroll-into-view"> <div class="scroll-into-view">
</div> </div>
<div> <div>
<h2 class="scroll-into-view-content">About Me</h2> <h2 class="scroll-into-view-content">About Me</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> <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>
</div> </div>
</section> </section>
<!-- #################################################################################-- My Specialties --> <!-- #################################################################################-- My Specialties -->
<section class="my-specialties-section"> <section class="my-specialties-section">
<h2 class="scroll-into-view-content">My Tools For Creating Awesomeness</h2> <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 viverra maecenas accumsan lacus vel facilisis. </p> <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>
<div> <div>
<div></div> <div></div>
<div></div> <div></div>
@ -152,27 +159,29 @@
<div></div> <div></div>
</div> </div>
</section> </section>
<!-- #################################################################################-- Contact Me --> <!-- #################################################################################-- Contact Me -->
<section class="my-work-section"> <section class="my-work-section">
<div> <div>
<h2 class="scroll-into-view-content">So. Let's have a chat</h2> <h2 class="scroll-into-view-content">So. Let's have a chat</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> <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>
</div> </div>
<div class="scroll-into-view"> <div class="scroll-into-view">
<form id="fcf-form-id" class="fcf-form-class" method="post" action="contact-form-process.php"> <form id="fcf-form-id" class="fcf-form-class" method="post" action="contact-form-process.php">
<div class="fcf-form-group"> <div class="fcf-form-group">
<label for="Name" class="fcf-label">Your name</label> <label for="Name" class="fcf-label">Your name</label>
<div class="fcf-input-group"> <div class="fcf-input-group">
@ -190,38 +199,36 @@
<div class="fcf-form-group"> <div class="fcf-form-group">
<label for="Message" class="fcf-label">Your message</label> <label for="Message" class="fcf-label">Your message</label>
<div class="fcf-input-group"> <div class="fcf-input-group">
<textarea id="Message" name="Message" class="fcf-form-control" rows="6" maxlength="3000" required></textarea> <textarea id="Message" name="Message" class="fcf-form-control" rows="6" maxlength="3000"
required></textarea>
</div> </div>
</div> </div>
<div class="fcf-form-group"> <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> <button type="submit" id="fcf-button" class="fcf-btn fcf-btn-primary fcf-btn-lg fcf-btn-block">Send
</div> Message</button>
<div class="fcf-credit" id="fcf-credit">
Simple HTML email form provided by: <a href="https://www.freecontactform.com" target="_blank">FreeContactForm.com</a>
</div> </div>
</form> </form>
</div> </div>
</section> </section>
<!-- #################################################################################-- Scripts --> <!-- #################################################################################-- Scripts -->
<script src="scripts/anime.min.js"></script> <script src="scripts/anime.min.js"></script>
<script src="scripts/v3.js"></script> <script src="scripts/main.js"></script>
</body> </body>