From 949e3998ff8bef02f41cead8785633b3340105b9 Mon Sep 17 00:00:00 2001
From: BenjaminToby <52448020+BenjaminToby@users.noreply.github.com>
Date: Sat, 19 Jun 2021 09:12:11 +0100
Subject: [PATCH] add phpmailer via composer

---
 index.html | 219 +++++++++++++++++++++++++++--------------------------
 1 file changed, 113 insertions(+), 106 deletions(-)
diff --git a/index.html b/index.html
index 7efa520..26df19d 100644
--- a/index.html
+++ b/index.html
@@ -2,41 +2,42 @@
 <html lang="en">
 
 
-<head><!-- ...................................................................................................................... Head -->
+<head>
+    <!-- ...................................................................................................................... Head -->
 
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-	<title>Tben Design V3</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Tben Design V3</title>
     <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 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>
-    
-    
+
+
 
 <body>
-    
+
     <!-- #################################################################################-- Preloader -->
-    
+
     <div class="preloader-init" id="preloader"></div>
-    
-    
-    
-    
-    
+
+
+
+
+
     <!-- #################################################################################-- Header -->
-    
+
     <header>
         <a href="#">
             <img src="images/logo-v3.svg" alt="">
             <div>Tben.<br>Design</div>
         </a>
-        
+
         <nav>
             <a href="#">About Me</a>
             <a href="#">My Work</a>
@@ -47,94 +48,100 @@
             <a href="#" class="social-media-links material-icons" id="behance">mouse</a>
         </nav>
     </header>
-    
+
     <div id="header-controller"></div>
-    
-    
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
     <!-- #################################################################################-- Hero -->
-    
+
     <section class="hero-section">
         <div></div>
-        
+
         <div>
             <div class="main-text-block">
-                Hi. I’m a 
+                Hi. I’m a
                 <h1 class="main-hero-text">
-                    <a href="">UI UX Designer</a>, 
-                    <a href="">Web Designer</a>, 
-                    <a href="">Frontend Web Developer</a>, 
+                    <a href="">UI UX Designer</a>,
+                    <a href="">Web Designer</a>,
+                    <a href="">Frontend Web Developer</a>,
                     <a href="">Graphic and motion Designer</a>.
                 </h1>
             </div>
             <button class="main-cta-button">Let's Talk</button>
         </div>
-        
+
         <img src="images/clouds.jpg" alt="" id="clouds">
         <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>
     </section>
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
     <!-- #################################################################################-- My Work -->
-    
+
     <section class="my-work-section">
         <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 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 class="scroll-into-view">
         </div>
     </section>
-    
-    
-    
-  
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
     <!-- #################################################################################-- About Me -->
-    
+
     <section class="about-me-section">
         <div class="scroll-into-view">
         </div>
-        
+
         <div>
             <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>
     </section>
-    
-    
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
     <!-- #################################################################################-- My Specialties -->
-    
+
     <section class="my-specialties-section">
         <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>
@@ -152,27 +159,29 @@
             <div></div>
         </div>
     </section>
-    
-    
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
     <!-- #################################################################################-- Contact Me -->
-    
+
     <section class="my-work-section">
         <div>
             <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 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">
@@ -190,38 +199,36 @@
                 <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>
+                        <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>
-
-                <div class="fcf-credit" id="fcf-credit">
-                Simple HTML email form provided by: <a href="https://www.freecontactform.com" target="_blank">FreeContactForm.com</a>
+                    <button type="submit" id="fcf-button" class="fcf-btn fcf-btn-primary fcf-btn-lg fcf-btn-block">Send
+                        Message</button>
                 </div>
 
             </form>
-            
+
         </div>
     </section>
-    
-    
-   
-    
-    
-    
-    
-    
-    
-    
-    
+
+
+
+
+
+
+
+
+
+
+
     <!-- #################################################################################-- Scripts -->
-    
-    <script src="scripts/anime.min.js"></script>    
-    <script src="scripts/v3.js"></script>
-    
+
+    <script src="scripts/anime.min.js"></script>
+    <script src="scripts/main.js"></script>
+
 </body>
 
 
