code-differently · AntSmithCode · Nov 23, 2020 · Nov 23, 2020 · Nov 23, 2020 · Nov 24, 2020
diff --git a/.gitignore b/.gitignore
@@ -1 +1,3 @@
-.DS_Store
+.DS_Store
+
+README.md
diff --git a/README.md b/README.md
@@ -1,57 +1,57 @@
-# Work Assignment - HTML Resume
-
-## Description
-You will create a resume page and contact form using HTML. After completing each bullet point in the requirements, you should commit and push your changes. To commit a change, you can follow the following steps:
-
-1. Add files to staging: `git add .`
-2. Commit staged files: `git commit -m '<some-information-message-here>'
-3. Push changes to GitHub `git push`
-
-## Setup
-1. Fork this repository
-2. Clone your repository to your local machine `git clone`
-3. Open the project in your text editor
-4. Create HTML pages in the root directory
-5. Create a folder named 'images' and add image files to this directory
-
-### Tech Stack
-A list of expected technology to be used in this assignment
-
-* HTML
-* Web Browser
-
-## Requirements
-
-### Part 1
-
-Create a web page that displays your resume. The web page should consist of the following sections:
-
-* Name
-* Objective (3 sentence minimun)
-* Work Experience (no less than 2 previous/present jobs)
-* Education
-* Skills (3 skills minimum)
-* LinkedIn Profile Address
-* Profile Image
-* Any awards and/or certificates if applicable
-
-### Part 2
-
-Now is time create a 2nd page. This page will contain a contact form. The form should have the following fields:
-
-* First Name (text field, limit of 30 characters)
-* Last Name (text field, limit of 30 characters)
-* Contact phone number (text field)
-* Phone number type: Landline, Mobile (radio button)
-* Contact email (text field, limit of 50 characters)
-* How did you hear about us: Search Engine, Social Media, Recruiter (drop down)
-* Interest for contacting: A list of your skills (check box)
-* Message (text area, limit of 250 characters)
-* Use of labels with all form fields
-* Use of validation
-
-### Submission
-Create a pull request from your project GitHub page
-
-**Happy Hacking!**
-
+# Work Assignment - HTML Resume
+
+## Description
+You will create a resume page and contact form using HTML. After completing each bullet point in the requirements, you should commit and push your changes. To commit a change, you can follow the following steps:
+
+1. Add files to staging: `git add .`
+2. Commit staged files: `git commit -m '<some-information-message-here>'
+3. Push changes to GitHub `git push`
+
+## Setup
+1. Fork this repository
+2. Clone your repository to your local machine `git clone`
+3. Open the project in your text editor
+4. Create HTML pages in the root directory
+5. Create a folder named 'images' and add image files to this directory
+
+### Tech Stack
+A list of expected technology to be used in this assignment
+
+* HTML
+* Web Browser
+ 
+## Requirements
+
+### Part 1
+
+Create a web page that displays your resume. The web page should consist of the following sections:
+
+* Name
+* Objective (3 sentence minimun)
+* Work Experience (no less than 2 previous/present jobs)
+* Education
+* Skills (3 skills minimum)
+* LinkedIn Profile Address
+* Profile Image
+* Any awards and/or certificates if applicable
+
+### Part 2
+
+Now is time create a 2nd page. This page will contain a contact form. The form should have the following fields:
+
+* First Name (text field, limit of 30 characters)
+* Last Name (text field, limit of 30 characters)
+* Contact phone number (text field)
+* Phone number type: Landline, Mobile (radio button)
+* Contact email (text field, limit of 50 characters)
+* How did you hear about us: Search Engine, Social Media, Recruiter (drop down)
+* Interest for contacting: A list of your skills (check box)
+* Message (text area, limit of 250 characters)
+* Use of labels with all form fields
+* Use of validation
+
+### Submission
+Create a pull request from your project GitHub page
+
+**Happy Hacking!**
+
diff --git a/contactform.html b/contactform.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Contact Form</title>
+</head>
+
+<body>
+  <div class="form">
+    <div style="text-align:center">
+      <h2>Contact Form</h2>
+    </div>
+    <div class="row">
+      <div class="column">
+      </div>
+      <div class="column">
+        <form action="/contactform.html">
+          <label for="fName">First Name</label>
+          <input type="text" id="fName" name="firstname" placeholder="Your Name" maxlength="30" required>
+          <label for="lName">Last Name</label>
+          <input type="text" id="lName" name="lastname" placeholder="Your Last Name" maxlength="30" required>
+
+          <label for="phone">Contact Phone Number </label>
+          <input type="text" id="phone" name="phone" placeholder="Phone number" required>
+          <input type="radio" name="radio"> Landline</label>
+          <input type="radio" name="radio"> Mobile</label> <br>
+
+          <label for="email"> Email </label>
+          <input type="text" id="email" name="email" placeholder="email" maxlength="50" required><br>
+
+          <h3> Interest For Contacting </h3>
+          <input type="checkbox" id="skill1" name="skill1" value="HTML">
+          <label for="skill1"> HTML </label>
+          <input type="checkbox" id="skill2" name="skill2" value="CSS">
+          <label for="skill2"> CSS </label><br>
+          <input type="checkbox" id="skill3" name="skill3" value="Javascript">
+          <label for="skill3"> Javascript</label><br>
+
+          <label for="how">How did you hear about us</label>
+          <select id="how" name="how">
+            <option value="Search Engine">Search Engine</option>
+            <option value="Social Media">Social Media</option>
+            <option value="Recruiter">Recruiter</option>
+          </select> <br>
+
+          <label for="message"></label>
+          <textarea id="message" name="message" placeholder="Message"></textarea>
+          <input type="submit" maxlength="250" value="Submit">
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/fonts/EightBitDragon-anqx.ttf b/fonts/EightBitDragon-anqx.ttf
diff --git a/fonts/Pixeboy-z8XGD.ttf b/fonts/Pixeboy-z8XGD.ttf
diff --git a/images/Sword.png b/images/Sword.png
diff --git a/images/antpic.PNG b/images/antpic.PNG
diff --git a/images/avatartongue.svg b/images/avatartongue.svg
diff --git a/images/wine.png b/images/wine.png
diff --git a/index.html b/index.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--Site Is Hosted on Netlify https://competent-ritchie-06e3b5.netlify.app/-->
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Anthony Smith Resume</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <!--Flex Nav Bar-->
+    <div class="flex-nav">
+        <h1 class="logo"><a href="#">Anthony Smith</a>
+        </h1>
+        <ul class=nav>
+            <li><a class="active" href="#home">Home</a></li>
+            <li><a href="#portfolio">Portfolio</a></li>
+            <li><a href="#contact">Contact</a></li>
+        </ul>
+    </div>
+
+    <!--Container For Avatar And Intro-->
+    <div class="intro" style="text-align: center;">
+
+        <!--Able To Click Image For LinkedIn -->
+        <a href="https://www.linkedin.com/in/anthonywsmithjr/"> <img class="avatar" src="images/avatartongue.svg"> </a>
+        <div class="professional">
+            <h3 class="hobby">
+                <a class="activities">
+                    <ul>
+                        <a href="mailto:Antwsmith@protonmail.com">
+                            <li>Lets Code, To Learn Together</li>
+                        </a>
+
+                        <a href="https://github.com/AntSmithCode">
+                            <li>Full Stack Developer</li>
+                        </a>
+
+                        <a href="https://cod.tracker.gg/warzone/profile/battlenet/Free1v1%231997/overview">
+                            <li>Competitive Gamer</li>
+                        </a>
+
+                        <a href="https://www.supercook.com/#/recipes">
+                            <li>Love Cooking</li>
+                        </a>
+
+                    </ul>
+            </h3>
+        </div>
+    </div>
+
+    <!--<div class="objective">
+        <h4>Objective</h4>
+        <p>
+            Seeking employment as an Entry Front-End Developer to use experiences in designing software applications.
+            I want to be in a challenging work environment that reward hard work and dedication.
+            With my well honed skills from the IT industry I will be a great asset to your company.
+        </p>
+    </div>
+
+    <div class="workexp">
+        <h4>Work Experiences</h4>
+        <ul>
+            <li>Server Support </li>
+            <li>Verizon Wireless Sales Professional </li>
+            <li>ADT Security Technical Support </li>
+        </ul>
+    </div>
+
+    <div class="edu">
+        <h4>Education</h4>
+        <p>Associate's Degree, Information Technology</p>
+    </div>
+
+    <div class="Skills">
+        <h4>Skills</h4>
+        <ul>
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>Javascript</li>
+        </ul>
+    </div>
+    <footer>
+        <a href=contactform.html>Contact Form</a>
+    </footer>-->
+</body>
+
+</html>
diff --git a/test.html b/test.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+</body>
+</html>