diff --git a/README.md b/README.md index 3a5bbe5..00574e4 100644 --- a/README.md +++ b/README.md @@ -27,7 +27,7 @@ A list of expected technology to be used in this assignment Create a web page that displays your resume. The web page should consist of the following sections: * Name -* Objective (3 sentence minimun) +* Objective (3 sentence minimum) * Work Experience (no less than 2 previous/present jobs) * Education * Skills (3 skills minimum) @@ -37,7 +37,7 @@ Create a web page that displays your resume. The web page should consist of the ### Part 2 -Now is time create a 2nd page. This page will contain a contact form. The form should have the following fields: +Create a 2nd page that contains 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) @@ -50,7 +50,7 @@ Now is time create a 2nd page. This page will contain a contact form. The form s * Use of labels with all form fields * Use of validation -### Submission +### Submission YOur Project Create a pull request from your project GitHub page **Happy Hacking!** diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..7dd2126 --- /dev/null +++ b/contact.html @@ -0,0 +1,111 @@ + + + + + + Contact Form + + + + + + + +
+
+

Contact Form

+
+ +
+
+

Introduce yourself below and let's connect!

+
+ Your Basic Contact Info + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + +
+ + + + +
+
+ +
+ Additional Info + + + +
+
+ + +
+
+
+
+ +
+ +
+ +
+
+ + + + + +
+
+
+ + +
+ + + + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..9995d0e --- /dev/null +++ b/css/style.css @@ -0,0 +1,47 @@ +/* style for both resume & contact form */ + +body { + font-family: 'Poppins', sans-serif; +} + + +/* resume styles */ +/* styles all h3 headers to uppercase letters */ +h3 { + text-transform: uppercase; +} + +h2:hover { + color: darkturquoise; + font-size: 1.5rem; +} + +/* styles the registered mark after the word 'Realtor' */ +#registered { + vertical-align:super; +} + +li a { + float: left; + padding-right: 15px; +} + +/* contact form styles */ + +.contact-info-block { + padding-bottom: 1.2rem; +} + +/* style form headers */ +.form-header { + font-weight: bold; +} + +/* gives focus to text input area of input fields */ +input:focus, textarea:focus{ + background-color: lightyellow; +} + + + + diff --git a/images/profile-img.jpg b/images/profile-img.jpg new file mode 100644 index 0000000..1c6c887 Binary files /dev/null and b/images/profile-img.jpg differ diff --git a/js/validation.js b/js/validation.js new file mode 100644 index 0000000..0213d06 --- /dev/null +++ b/js/validation.js @@ -0,0 +1,16 @@ + +// create validation for the contact form + +// validation for first & last name +function checkLetters(inputltrs) { + let letters = /^[A-Za-z]+$/; //stores valid letters (capitals & lowercase) in variable + + if (inputltrs.value.match(letters)) { // if the user input matches any of the values in variable letters + alert('Thank you for entering your name.'); // if user input contains only letters, pop-up alert window for user w/ message + return true; + } else { + alert('Oops! Please enter letters only here.') //if user input contains other than letters pop-up alert window for user w/ message + return false; + } +} + diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..6566a1f --- /dev/null +++ b/resume.html @@ -0,0 +1,167 @@ + + + + + + + Stephanie Czetli's Resume + + + + + + + + + +
+
+
+ profile photo of Stephanie +

STEPHANIE CZETLI, Front End Web Developer

+
+
+
+
+
+

objective

+

Highly motivated trilingual front end web developer with strong project management skills, + a solid foundation in writing and structuring clear semantic markup and a keen interest in + responsive design, accessibility and UX/UI design. A detail oriented, strategic team member + who is passionate about technology and eager to share, apply and broaden new and existing + skills as part of an Agile development team.

+
+
+
+

skills

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
LanguagesFrameworksTechnologies
HTMLBootstrapVersion Control (Git)
CSSjQueryVisual Studio Code
JavaScriptAccuracy
+
+ +
+
+

experience

+

Code Differently, Wilmington, DE - Student Web Design & Development

+

Nov 2020 - PRESENT

+
    +
  • Selected from over 200 applicants for admission in a class of 32 students
    • +
  • Worked 80+ hours per week to strengthen technical skills and gain experience in HTML, + CSS, JavaScript, jQuery, Bootstrap
    • +
  • Wireframed mockups and wrote and debugged code using semantic HTML5, CSS3, + JavaScript, jQuery, Bootstrap and Chrome DevTools. Pushed completed projects to GitHub + repository using Git, Git Bash and the Command Line Interface
    • +
  • Completed over 400 hours of online tutorials, software development projects and training + in an immersive program
    • +
+

Patterson-Schwartz Real Estate Team, Wilmington, DE - Administrative Coordinator

+

Jul 2017 - Feb 2020

+
    +
  • Promoted and supported the use of cloud based products to improve communication and trained agents on mobile (iOS and Android) and desktop devices
    • +
  • Reduced risk and increased productivity by developing and writing a standard operating procedures (SOP) manual
    • +
  • Developed comprehensive spreadsheets to identify trends and monitor and track both agent and team metrics
    • +
+

Octorara Jr.-Sr. High School, Atglen, PA - Senior Administrative Assistant

+

Apr 2014 - Jul 2015

+
    +
  • Transformed communication building-wide by publishing a shared electronic calendar that became the centralized source for reliable information and materials for meetings and events
    • +
  • Dramatically reduced distribution time by converting daily announcements to an electronic format containing timely and accurate content which increased demand for the publication
    • +
+
+
+
+

certificates

+
    +
  • Web Design & Development | Code Differently (Exp. Mar 2021)

    • + +
  • Introduction to HTML5 (Feb 2020)
    • +
  • Introduction to CSS3 (Aug 2020)
    • +
  • Interactivity with JavaScript (Sept 2020)
    • +
  • Advanced Styling and Responsive Design (Oct 2020)
    • +
  • University of Michigan, Coursera
    • +
    +
  • JavaScript | Codecademy.com (2016)
    • +
    +
  • Try Python Level 2 | CodeSchool.com (2016-2017)
    • +
    +
  • Licensed Pennsylvania Real Estate Salesperson (PA Lic# RS280597) (2004-2010)
    • +
  • Accredited Buyer Representative (ABR) designation | Pennsylvania Realtors® Institute (2007)
    • +
  • e-Pro® Technology (e-Pro®) + designation | National Association of Realtors® (2007)
    • +
+
+ +
+

education

+

MARY BALDWIN UNIVERSITY
+ B.A., International Relations
+ Minor: Asian Studies
+ Emphasis: Japanese

+ +

UNIVERSITY OF MICHIGAN, COURSERA
+ Feb 2020 - PRESENT
+ Specialization: Web Design for Everybody: Basics of Web Development and Coding
+

+
+
+ + +
+ + +