From 91c8badec6a93ff2c1f57b983e69d1d468388063 Mon Sep 17 00:00:00 2001 From: Stephanie Czetli Date: Mon, 23 Nov 2020 16:46:00 -0500 Subject: [PATCH 1/4] First resume commit --- contact.html | 162 +++++++++++++++++++++++++++++++++++ css/style.css | 13 +++ index.html | 23 +++++ resume.html | 232 ++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 430 insertions(+) create mode 100644 contact.html create mode 100644 css/style.css create mode 100644 index.html create mode 100644 resume.html diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..371d7db --- /dev/null +++ b/contact.html @@ -0,0 +1,162 @@ + + + + + + + + Contact Form + + + + + + +
+
+
+ +
+
+ +
+
+

Contact Form

+

Reach out to Stephanie using her simple contact form:

+
+ Your Basic Contact Info + + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + +
+ + + + + +
+ +
+ Additional Info + + + +
+ + +
+
+
+
+ + +
+
+ + + +
+ + + + +
+
+ Back to Experience + +
+ +
+
+ +
+ +
+ +
+ + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..0a89f9c --- /dev/null +++ b/css/style.css @@ -0,0 +1,13 @@ +body { + font-family: 'Poppins', sans-serif; +} + +#registered { + vertical-align:super; +} + +.contact-info-block { + padding-bottom:1.2rem; +} + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..c81fa12 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + + + Stephanie Czetli's Portfolio + + + + + +
+

Stephanie Czetli

+ +
diff --git a/resume.html b/resume.html new file mode 100644 index 0000000..c5ac8cf --- /dev/null +++ b/resume.html @@ -0,0 +1,232 @@ + + + + + + + + Stephanie Czetli's Resume + + + + + +
+
+
+

Profile Image

+ +
+ +
+

Stephanie Czetli, Front-End Web Developer

+
+ +
+ +
+ +
+ +
+
    +
    • +
    • +
    • +
+ +
+
+
+ +
+
+

Objective

+

Quality focused professional with a Bachelor or Arts degree and 10+ years combined experience in financial, education, manufacturing and real estate. An organized and efficient strategic partner who anticipates needs, plans for the unexpected, identifies and improves processes and facilitates communication. I make it possible for you to achieve more.

+ +
+ +
+
+

Skills

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Contact TracingConfidentialityCritical Thinking
Data CollectionCommunicationLead Generation
Customer ServiceThoroughnessOrganization
Process ImprovementAccuracyProject Management
Account ManagementStrategic MarketingSales Process Planning
Product | Operations PlanningTime ManagementTeam Building
Report CreationInside SalesSales Growth
+
+
+ +
+

Work Experience

+

Administrative Coordinator

+

Patterson-Schwartz Real Estate Team, Wilmington, DE (Jul 2017 - Feb 2020)

+

Managed all aspects of residential real estate business including maintaining records and documentation for all transactions as per state and national requirements. Reduced search time and increased client satisfaction by conducting needs assessments that established guidelines and refined search results. Determined competitive pricing analyses by monitoring, researching and analyzing current market conditions and comparing properties. Reviewed and drafted contracts and disclosures to ensure legal and contractual compliance of transactions. Submitted necessary documentation to the office broker for file compliance.

+

Highlights:

+
    +
  • 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
    • +
  • Encouraged use of cloud based products to improve communication and trained agents on mobile and desktop devices (iOS and Android)
    • +
+

Senior Administrative Assistant

+

Octorara Jr.-Sr. High School, Atglen, PA (Apr 2014 - Jul 2015)

+

Ensured efficient and orderly front office operations by overseeing office staff and providing administrative support for the principal of two buildings. Acted as liaison between the school and the public conveying policy and procedure information. Compiled, coordinated and disseminated all information including handbooks for faculty and students for the opening and close of school. Tracked and recorded staff attendance, annual reviews, and continuing education requirements for teachers to ensure compliance with school policy and state requirements. Verified student data (grades, attendance, discipline) met state compliance requirements and researched missing data. Managed and balanced a budget of $225,000.

+

Highlights:

+
    +
  • Reduced supply costs and improved efficiency by converting purchase order filing system to an electronic format
    • +
  • Improved communication building-wide by publishing a shared electronic calendar that became the primary source for reliable information and materials for meetings and events
    • +
  • Made it easy for staff and teachers to adapt to an electronic calendar by providing in-person training and by developing and writing quick reference training materials
    • +
  • Ensured uniform and timely distribution of daily announcements by converting announcements to an electronic format that was quick and easy-to-read (increased readership by demonstrating value = quick & easy to read)
    • +
+

Licensed Realtor®

+

Hostetter Realty, Gap, PA (Mar 2004 - Jan 2010)

+

Managed all aspects of residential real estate business including maintaining records and documentation for all transactions as per state and national requirements. Reduced search time and increased client satisfaction by conducting needs assessments that established guidelines and refined search results. Determined competitive pricing analyses by monitoring, researching and analyzing current market conditions and comparing properties. Reviewed and drafted contracts and disclosures to ensure legal and contractual compliance of transactions. Submitted necessary documentation to the office broker for file compliance.

+

Highlights:

+
    +
  • Earned “Accredited Buyer Representative (ABR)” designation by meeting education requirements and sales quotas
    • +
  • Earned “e-Pro® Technology (e-Pro®)” certificate by meeting education requirements and sales quotas
    • +
+

Inside Sales Coordinator

+

CDS Analytical Inc., Oxford, PA (Nov 2001 - Aug 2003)

+

An integral part of a small sales team. Worked directly with the Director of Sales and Marketing. Hired to increase sales through development of business relationships with existing customer base and manufacturer representatives, and to improve cross departmental communication. Cross departmental collaboration resulted in strong product line knowledge, recommendations for cutting edge product usage across industries, and development of trust between teams and departments. Drove sales by conducting needs assessments, listening for customers’ pain points, and recommending innovative ways to utilize products.

+

Highlights:

+
    +
  • Increased sales by $5,000 within 2 weeks, reduced volume of returns, and improved brand confidence + customer satisfaction by creating and distributing an easy to reference, accurate list of parts and consumables
    • +
  • Made product lines easier to sell (and learn) and increased accuracy of quotes by developing a product reference that outlined each product, possible configurations by application, and product specific parts and consumables
    • +
  • Made it easy for customers to do business with the company by developing and implementing sales processes that established routine methods for consistently providing an excellent customer experience for customers.
    • +
  • Improved data quality in customer database by methodically and routinely contacting customers
    • +
+
+ +
+

Education

+

Bachelor of Arts, International Relations | Mary Baldwin University

+ +
+ +
+

Certificates - Licenses

+
    +
  • Web Design For Everybody - Capstone Project by the University of Michigan | Coursera (in progress)
    • +
  • Advanced Styling and Responsive Design by the University of Michigan | Coursera (Oct 2020)
    • +
  • Interactivity with JavaScript by the University of Michigan | Coursera (Sept 2020)
    • +
  • Introduction to CSS3 by the University of Michigan | Coursera (Aug 2020)
    • +
  • Introduction to HTML5 by the University of Michigan | Coursera (Feb 2020)
    • +
  • COVID-19 Contact Tracing by Johns Hopkins University | Coursera (June 2020)
    • +
  • Licensed Pennsylvania Real Estate Salesperson (PA Lic# RS280597) (Exp. Jan 2010)
    • +
  • Accredited Buyer Representative (ABR) designation | Pennsylvania Realtors® Institute (2007)
    • +
  • e-Pro® Technology (e-Pro®) designation | National Association of Realtors® (2007)
    • +
+
+ +
+ +
+
+ +
+ +
+ +
+ + From fc11a2432ee92558c5bbc59564a1c90d41375a5f Mon Sep 17 00:00:00 2001 From: Stephanie Czetli Date: Thu, 14 Jan 2021 17:36:37 -0500 Subject: [PATCH 2/4] revised content (Commit #2) --- contact.html | 48 +------ images/profile-img.jpg | Bin 0 -> 9014 bytes resume.html | 304 +++++++++++++++++------------------------ 3 files changed, 128 insertions(+), 224 deletions(-) create mode 100644 images/profile-img.jpg diff --git a/contact.html b/contact.html index 371d7db..75128c6 100644 --- a/contact.html +++ b/contact.html @@ -1,49 +1,3 @@ - - @@ -74,7 +28,7 @@

Contact Form

-

Reach out to Stephanie using her simple contact form:

+

Reach Out Here:

Your Basic Contact Info diff --git a/images/profile-img.jpg b/images/profile-img.jpg new file mode 100644 index 0000000000000000000000000000000000000000..1c6c887d5b5df324ba0bff4beeae33017251a07d GIT binary patch literal 9014 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' -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 minimum) -* 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!** - - --> - - Stephanie Czetli's Resume + Stephanie Czetli Resume + +
-

Profile Image

+ profile photo of Stephanie
-

Stephanie Czetli, Front-End Web Developer

+

STEPHANIE CZETLI, Front End Web Developer

- -
-
    -
    • -
    • -
    • -
+ +
+
    +
    • +
    • +
    • +
@@ -107,117 +55,119 @@
-

Objective

-

Quality focused professional with a Bachelor or Arts degree and 10+ years combined experience in financial, education, manufacturing and real estate. An organized and efficient strategic partner who anticipates needs, plans for the unexpected, identifies and improves processes and facilitates communication. I make it possible for you to achieve more.

- +

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Contact TracingConfidentialityCritical Thinking
Data CollectionCommunicationLead Generation
Customer ServiceThoroughnessOrganization
Process ImprovementAccuracyProject Management
Account ManagementStrategic MarketingSales Process Planning
Product | Operations PlanningTime ManagementTeam Building
Report CreationInside SalesSales Growth
-
+
+ +

SKILLS

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

Work Experience

-

Administrative Coordinator

-

Patterson-Schwartz Real Estate Team, Wilmington, DE (Jul 2017 - Feb 2020)

-

Managed all aspects of residential real estate business including maintaining records and documentation for all transactions as per state and national requirements. Reduced search time and increased client satisfaction by conducting needs assessments that established guidelines and refined search results. Determined competitive pricing analyses by monitoring, researching and analyzing current market conditions and comparing properties. Reviewed and drafted contracts and disclosures to ensure legal and contractual compliance of transactions. Submitted necessary documentation to the office broker for file compliance.

-

Highlights:

-
    -
  • 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
    • -
  • Encouraged use of cloud based products to improve communication and trained agents on mobile and desktop devices (iOS and Android)
    • -
-

Senior Administrative Assistant

-

Octorara Jr.-Sr. High School, Atglen, PA (Apr 2014 - Jul 2015)

-

Ensured efficient and orderly front office operations by overseeing office staff and providing administrative support for the principal of two buildings. Acted as liaison between the school and the public conveying policy and procedure information. Compiled, coordinated and disseminated all information including handbooks for faculty and students for the opening and close of school. Tracked and recorded staff attendance, annual reviews, and continuing education requirements for teachers to ensure compliance with school policy and state requirements. Verified student data (grades, attendance, discipline) met state compliance requirements and researched missing data. Managed and balanced a budget of $225,000.

-

Highlights:

-
    -
  • Reduced supply costs and improved efficiency by converting purchase order filing system to an electronic format
    • -
  • Improved communication building-wide by publishing a shared electronic calendar that became the primary source for reliable information and materials for meetings and events
    • -
  • Made it easy for staff and teachers to adapt to an electronic calendar by providing in-person training and by developing and writing quick reference training materials
    • -
  • Ensured uniform and timely distribution of daily announcements by converting announcements to an electronic format that was quick and easy-to-read (increased readership by demonstrating value = quick & easy to read)
    • -
-

Licensed Realtor®

-

Hostetter Realty, Gap, PA (Mar 2004 - Jan 2010)

-

Managed all aspects of residential real estate business including maintaining records and documentation for all transactions as per state and national requirements. Reduced search time and increased client satisfaction by conducting needs assessments that established guidelines and refined search results. Determined competitive pricing analyses by monitoring, researching and analyzing current market conditions and comparing properties. Reviewed and drafted contracts and disclosures to ensure legal and contractual compliance of transactions. Submitted necessary documentation to the office broker for file compliance.

-

Highlights:

-
    -
  • Earned “Accredited Buyer Representative (ABR)” designation by meeting education requirements and sales quotas
    • -
  • Earned “e-Pro® Technology (e-Pro®)” certificate by meeting education requirements and sales quotas
    • -
-

Inside Sales Coordinator

-

CDS Analytical Inc., Oxford, PA (Nov 2001 - Aug 2003)

-

An integral part of a small sales team. Worked directly with the Director of Sales and Marketing. Hired to increase sales through development of business relationships with existing customer base and manufacturer representatives, and to improve cross departmental communication. Cross departmental collaboration resulted in strong product line knowledge, recommendations for cutting edge product usage across industries, and development of trust between teams and departments. Drove sales by conducting needs assessments, listening for customers’ pain points, and recommending innovative ways to utilize products.

-

Highlights:

-
    -
  • Increased sales by $5,000 within 2 weeks, reduced volume of returns, and improved brand confidence + customer satisfaction by creating and distributing an easy to reference, accurate list of parts and consumables
    • -
  • Made product lines easier to sell (and learn) and increased accuracy of quotes by developing a product reference that outlined each product, possible configurations by application, and product specific parts and consumables
    • -
  • Made it easy for customers to do business with the company by developing and implementing sales processes that established routine methods for consistently providing an excellent customer experience for customers.
    • -
  • Improved data quality in customer database by methodically and routinely contacting customers
    • -
-
+
+

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
    • +
-
-

Education

-

Bachelor of Arts, International Relations | Mary Baldwin University

- +

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 - Licenses

+
+
+

CERTIFICATES

    -
  • Web Design For Everybody - Capstone Project by the University of Michigan | Coursera (in progress)
    • -
  • Advanced Styling and Responsive Design by the University of Michigan | Coursera (Oct 2020)
    • -
  • Interactivity with JavaScript by the University of Michigan | Coursera (Sept 2020)
    • -
  • Introduction to CSS3 by the University of Michigan | Coursera (Aug 2020)
    • -
  • Introduction to HTML5 by the University of Michigan | Coursera (Feb 2020)
    • -
  • COVID-19 Contact Tracing by Johns Hopkins University | Coursera (June 2020)
    • -
  • Licensed Pennsylvania Real Estate Salesperson (PA Lic# RS280597) (Exp. Jan 2010)
    • -
  • Accredited Buyer Representative (ABR) designation | Pennsylvania Realtors® Institute (2007)
    • -
  • e-Pro® Technology (e-Pro®) designation | National Association of Realtors® (2007)
    • +
  • 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
+

+ +
+
From d168efff8bac7a63bc533d2893bfe41d95baa932 Mon Sep 17 00:00:00 2001 From: Stephanie Czetli Date: Fri, 15 Jan 2021 14:27:23 -0500 Subject: [PATCH 3/4] revised styles & form, added validation js --- README.md | 6 +- contact.html | 147 +++++++++++++++++++++++------------------------ css/style.css | 36 +++++++++++- index.html | 23 -------- resume.html | 155 +++++++++++++++++++++++--------------------------- validation.js | 16 ++++++ 6 files changed, 195 insertions(+), 188 deletions(-) delete mode 100644 index.html create mode 100644 validation.js 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 index 75128c6..3b7819b 100644 --- a/contact.html +++ b/contact.html @@ -4,71 +4,64 @@ Contact Form - - - + + + - + +
-
- -
+

Contact Form

- -

Contact Form

-

Reach Out Here:

+ +

Introduce yourself below and let's connect!

- Your Basic Contact Info + Your Basic Contact Info - - - - - - -
- - - - - - - - - - -
- - - - - - - - - -
- - - - - + + + + + + +
+ + + + + + + + + + +
+ + + + + + + + + +
+ + + +
+
- Additional Info + Additional Info -
- - -
-
-
-
- - -
-
- +
+
- + +
+
+
+
+
- - + +
+ +
+
+ + + + -

- Back to Experience -
-
+ + diff --git a/css/style.css b/css/style.css index 0a89f9c..9995d0e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,13 +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; + 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/index.html b/index.html deleted file mode 100644 index c81fa12..0000000 --- a/index.html +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - Stephanie Czetli's Portfolio - - - - - -
-

Stephanie Czetli

- -
diff --git a/resume.html b/resume.html index 115c387..7fee065 100644 --- a/resume.html +++ b/resume.html @@ -1,106 +1,76 @@ + - Stephanie Czetli Resume - + Stephanie Czetli's Resume + + + - - + +
-
- profile photo of Stephanie - -
- -
-

STEPHANIE CZETLI, Front End Web Developer

-
-
- -
- -
- -
-
    -
    • -
    • -
    • -
- -
+ profile photo of Stephanie +

STEPHANIE CZETLI, Front End Web Developer

- +
-

OBJECTIVE

+

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
-
+

skills

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

EXPERIENCE

+

experience

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

Nov 2020 - PRESENT

    @@ -113,15 +83,13 @@

    Code Differently,
  • 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

+

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

-
+
-

CERTIFICATES

+

certificates

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

    • @@ -151,11 +119,10 @@

    CERTIFICATES

  • e-Pro® Technology (e-Pro®) designation | National Association of Realtors® (2007)
-
-

EDUCATION

+

education

MARY BALDWIN UNIVERSITY
B.A., International Relations
Minor: Asian Studies
@@ -165,18 +132,36 @@

EDUCATION

Feb 2020 - PRESENT
Specialization: Web Design for Everybody: Basics of Web Development and Coding

-
-
-
+ diff --git a/validation.js b/validation.js new file mode 100644 index 0000000..0213d06 --- /dev/null +++ b/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; + } +} + From 54dc985d7afe29ed714d244b49416607e6389256 Mon Sep 17 00:00:00 2001 From: Stephanie Czetli Date: Fri, 15 Jan 2021 14:31:33 -0500 Subject: [PATCH 4/4] placed validatio.js in js folder --- contact.html | 2 +- validation.js => js/validation.js | 0 resume.html | 2 +- 3 files changed, 2 insertions(+), 2 deletions(-) rename validation.js => js/validation.js (100%) diff --git a/contact.html b/contact.html index 3b7819b..7dd2126 100644 --- a/contact.html +++ b/contact.html @@ -106,6 +106,6 @@

Introduce yourself below and let's connect!

- + diff --git a/validation.js b/js/validation.js similarity index 100% rename from validation.js rename to js/validation.js diff --git a/resume.html b/resume.html index 7fee065..6566a1f 100644 --- a/resume.html +++ b/resume.html @@ -162,6 +162,6 @@ - +