diff --git a/Cakes-Co/img/Best-Birthday-Cake.webp b/Cakes-Co/img/Best-Birthday-Cake.webp new file mode 100644 index 00000000..fb7633cc Binary files /dev/null and b/Cakes-Co/img/Best-Birthday-Cake.webp differ diff --git a/Cakes-Co/img/cake 1.webp b/Cakes-Co/img/cake 1.webp new file mode 100644 index 00000000..da02490d Binary files /dev/null and b/Cakes-Co/img/cake 1.webp differ diff --git a/Cakes-Co/img/cake 2.jpg b/Cakes-Co/img/cake 2.jpg new file mode 100644 index 00000000..82472991 Binary files /dev/null and b/Cakes-Co/img/cake 2.jpg differ diff --git a/Cakes-Co/img/chocolate cake.avif b/Cakes-Co/img/chocolate cake.avif new file mode 100644 index 00000000..36c0fba6 Binary files /dev/null and b/Cakes-Co/img/chocolate cake.avif differ diff --git a/Cakes-Co/img/cupcakes.jpg b/Cakes-Co/img/cupcakes.jpg new file mode 100644 index 00000000..abf8244b Binary files /dev/null and b/Cakes-Co/img/cupcakes.jpg differ diff --git a/Cakes-Co/img/donuts.jfif b/Cakes-Co/img/donuts.jfif new file mode 100644 index 00000000..f9f72dd5 Binary files /dev/null and b/Cakes-Co/img/donuts.jfif differ diff --git a/Cakes-Co/img/fruit cake.jfif b/Cakes-Co/img/fruit cake.jfif new file mode 100644 index 00000000..11d1d0f6 Binary files /dev/null and b/Cakes-Co/img/fruit cake.jfif differ diff --git a/Cakes-Co/img/logo for cake.jpg b/Cakes-Co/img/logo for cake.jpg new file mode 100644 index 00000000..3d6c261a Binary files /dev/null and b/Cakes-Co/img/logo for cake.jpg differ diff --git a/Cakes-Co/img/muffin.avif b/Cakes-Co/img/muffin.avif new file mode 100644 index 00000000..ebbc88a8 Binary files /dev/null and b/Cakes-Co/img/muffin.avif differ diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html index 60b1afe1..32a619cd 100644 --- a/Cakes-Co/index.html +++ b/Cakes-Co/index.html @@ -1,16 +1,62 @@ - - - Responsive Cake webpage - + + Cake Company - - - + +
+ + +
+ + +
+
+

Welcome

+

The best cakes in town delivered to your door

+
+
+ Cake Image +
+
- \ No newline at end of file + +
+
+ Birthday Cake +

Birthday Cake

+
+
+ Chocolate Cake +

Chocolate Cake

+
+
+ Fruit Cake +

Fruit Cake

+
+
+ Cupcake +

Cupcake

+
+
+ + + + + diff --git a/Cakes-Co/style.css b/Cakes-Co/style.css index 6de1b356..f451f5a7 100644 --- a/Cakes-Co/style.css +++ b/Cakes-Co/style.css @@ -1 +1,142 @@ -/* Add your styling here */ +/* General Style */ +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + background-color: #f9f9f9; + color: #333; +} + +/* Header Styling */ +header { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #fff; + padding: 20px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.logo img { + width: 80px; +} + +nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; +} + +nav ul li { + margin-left: 20px; +} + +nav a { + text-decoration: none; + color: #333; + font-weight: bold; + transition: color 0.3s ease; +} + +nav a:hover { + color: #f39c12; +} + +/* Hero Section Styling */ +.hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 20px; + background-color: #f3e5f5; +} + +.hero-text h1 { + font-size: 2.5rem; + color: #d35400; +} + +.hero-text p { + font-size: 1.2rem; + color: #7f8c8d; +} + +.hero-image img { + width: 400px; + border-radius: 15px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* Cake Gallery Styling */ +.gallery { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 20px; + padding: 20px; + background-color: #fff; +} + +.gallery-item { + text-align: center; +} + +.gallery-item img { + width: 100%; + height: 250px; + object-fit: cover; /* Ensures all images maintain a uniform size without distortion */ + border-radius: 10px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.gallery-item img:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.gallery-item p { + margin-top: 10px; + font-weight: bold; + color: #34495e; +} + +/* Footer Styling */ +footer { + text-align: center; + padding: 20px; + background-color: #fff; + box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); + font-size: 0.9rem; + color: #7f8c8d; +} + +/* Responsive Media Query */ +@media (max-width: 768px) { + header { + flex-direction: column; + align-items: center; + } + + nav ul { + flex-direction: column; + align-items: center; + } + + nav ul li { + margin: 10px 0; + } + + .hero { + flex-direction: column; + text-align: center; + } + + .hero-text h1 { + font-size: 2rem; + } + + .hero-image img { + width: 250px; + } +} \ No newline at end of file diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4344b144..3877d03f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -10,19 +10,71 @@
-

Product Pick

+

Shirt Order Form

-
- - + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
- - \ No newline at end of file + + + diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e69de29b..746b13f7 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -0,0 +1,59 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + margin: 0; + padding: 20px; +} + +h1 { + text-align: center; + color: #333; +} + +form { + background: white; + padding: 20px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + max-width: 400px; + margin: auto; +} + +label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +input[type="text"], +input[type="email"], +select, +input[type="date"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + transition: border-color 0.3s; +} + +input:focus, +select:focus, +input[type="date"]:focus { + border-color: #66afe9; + outline: none; +} + +button { + background-color: #28a745; + color: white; + padding: 10px 15px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; +} + +button:hover { + background-color: #218838; +} diff --git a/MultiPage-Clone/contact.html b/MultiPage-Clone/contact.html new file mode 100644 index 00000000..3c40016d --- /dev/null +++ b/MultiPage-Clone/contact.html @@ -0,0 +1,83 @@ + + + + + + Contact - Maya Nelson + + + +
+

Maya Nelson / PROJECT MANAGER

+ +
+ +
+ +
+

Let's talk

+ +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/MultiPage-Clone/css/contact.css b/MultiPage-Clone/css/contact.css new file mode 100644 index 00000000..20fa6b5f --- /dev/null +++ b/MultiPage-Clone/css/contact.css @@ -0,0 +1,169 @@ +/* Body and General Styling */ +body { + background-color: #e9d9ca; /* Light beige background */ + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +header { + padding: 40px; + background-color: white; + text-align: left; + border-bottom: 1px solid lightgray; + display: flex; +} + +header h1 { + font-size: 24px; + width: 50%; + margin: 0; + font-weight: bolder; +} + +header nav { + text-align: right; + width: 50%; + margin-top: auto; +} + +header nav a { + margin-left: 20px; + text-decoration: none; + color: black; + transition: 0.5s; +} + +header nav a.active { + color: blue; +} + +header nav a:hover { + color: blue; +} + +.blue-space { + height: 12px; + width: 12px; + background-color: blue; + display: inline-block; + margin-right: 8px; + margin-bottom: 2px; +} + +/* Contact Form Section */ +.contact-section { + padding: 60px 20px; +} + +.contact-section h2 { + font-size: 36px; + font-weight: bold; + color: #000; + display: flex; + align-items: center; + justify-content: center; +} + +/* Contact Form Styling */ +.contact-form { + background-color: #ffffff; + max-width: 600px; + margin: 0 auto; + padding: 40px; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds shadow effect */ +} + +.form-row { + display: flex; + justify-content: space-between; +} + +.form-row .form-group { + width: calc(50% - 20px); +} + +.form-group { + margin-bottom: 20px; +} + +.form-group label { + display: block; + font-weight: bold; + margin-bottom: 5px; +} + +.form-group input, +.form-group textarea { + width: calc(100% - 20px); + padding: 10px; + border: none; + border-bottom: 2px solid black; + outline: none; + transition: 0.5s; +} + +.form-group input:focus, +.form-group textarea:focus { + border-bottom: 2px solid blue; +} + +.form-group input { + height: 24px; +} + +textarea { + height: 120px; +} + +button { + background-color: #0056FF; + color: #ffffff; + padding: 12px 30px; + border: none; + border-radius: 20px; + cursor: pointer; + font-weight: bold; + text-transform: uppercase; +} + +button:hover { + background-color: #0041cc; +} + +footer { + text-align: center; + background-color: #f5f5f5; + padding: 20px; + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +.contact-info { + margin-bottom: 10px; + display: flex; + flex-direction: row; + justify-content: space-evenly; + width: 500px; +} + +.social-footer a { + margin-right: 10px; + text-decoration: none; + color: black; +} + +.social-footer a:hover { + color: blue; +} + +footer p { + font-size: 12px; + color: gray; +} + +footer p strong { + color: #202020; +} \ No newline at end of file diff --git a/MultiPage-Clone/css/curriculum.css b/MultiPage-Clone/css/curriculum.css new file mode 100644 index 00000000..1e2817bc --- /dev/null +++ b/MultiPage-Clone/css/curriculum.css @@ -0,0 +1,181 @@ +/* Body and General Styles */ +body { + background-color: #e9d9ca; /* Light beige background */ + font-family: Arial, sans-serif; + margin: 0; +} + +h1, h2, h3 { + margin: 0; +} + +h2 { + font-size: 24px; + font-weight: bold; + color: #000; + margin-bottom: 24px; +} + +p { + margin: 10px 0; + color: #333; +} + +/* Header Styles */ +header { + padding: 40px; + background-color: white; + text-align: left; + border-bottom: 1px solid lightgray; + display: flex; +} + +header h1 { + font-size: 24px; + width: 50%; + margin: 0; + font-weight: bolder; +} + +header nav { + text-align: right; + width: 50%; + margin-top: auto; +} + +header nav a { + margin-left: 20px; + text-decoration: none; + color: black; + transition: 0.5s; +} + +header nav a.active { + color: blue; +} + +header nav a:hover { + color: blue; +} + +.blue-space { + height: 12px; + width: 12px; + background-color: blue; + display: inline-block; + margin-right: 8px; + margin-bottom: 3px; +} + +/* Experience and Skillset Layout */ + +.content { + margin: auto; + max-width: 750px; +} + +.resume-header { + text-align: center; + margin-top: 48px; +} + +.experience { + margin: 64px; +} + +.experience-header { + display: flex; + justify-content: space-between; +} + +.experience-item { + display: flex; + justify-content: space-between; + background-color: #fff; + padding: 32px; + border-radius: 0px; + margin-bottom: 25px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow effect */ +} + +.skills h2 { + margin-top: 36px; +} + +.items { + display: flex; +} + +.item-childs { + flex-direction: column; + display: flex; + margin-right: 24px; +} + + +.left-column { + width: 40%; /* Left side taking 40% */ +} + +.right-column { + width: 55%; /* Right side taking 55% */ +} + +.blue-text { + color: #0056FF; /* Bright blue for the date */ + font-weight: bold; +} + +/* Button Style */ +button { + background-color: #0056FF; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 20px; + cursor: pointer; + font-weight: bold; + text-transform: uppercase; + margin-bottom: 20px; +} + +button:hover { + background-color: #0041cc; +} + +/* Footer Styles */ +footer { + text-align: center; + background-color: #f5f5f5; + padding: 20px; + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +.contact-info { + margin-bottom: 10px; + display: flex; + flex-direction: row; + justify-content: space-evenly; + width: 500px; +} + +.social-footer a { + margin-right: 10px; + text-decoration: none; + color: black; +} + +.social-footer a:hover { + color: blue; +} + +footer p { + font-size: 12px; + color: gray; +} + +footer p strong { + color: #202020; +} \ No newline at end of file diff --git a/MultiPage-Clone/css/main.css b/MultiPage-Clone/css/main.css index aa561706..cd407241 100644 --- a/MultiPage-Clone/css/main.css +++ b/MultiPage-Clone/css/main.css @@ -1,3 +1,203 @@ -/* Add your CSS here */ +/* Basic styles for the webpage */ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: white; +} -/* Dont' forget to link this file to your HTML in the */ +header { + padding: 40px; + background-color: white; + text-align: left; + border-bottom: 1px solid lightgray; + display: flex; +} + +header h1 { + font-size: 24px; + width: 50%; + margin: 0; + font-weight: bolder; +} + +header nav { + text-align: right; + width: 50%; + margin-top: auto; +} + +header nav a { + margin-left: 20px; + text-decoration: none; + color: black; + transition: 0.5s; +} + +header nav a.active { + color: blue; +} + +header nav a:hover { + color: blue; +} + +.blue-space { + height: 12px; + width: 12px; + background-color: blue; + display: inline-block; + margin-right: 8px; + margin-bottom: 2px; +} + +.profile-section { + display: flex; + justify-content: center; + padding: 40px; + z-index: 2; +} + +.profile-card { + text-align: center; + background-color: #F4ECE6; + padding-top: 20px; + width: 350px; + box-shadow: -12px 12px 12px #4545453a; +} + +.background-element { + background-color: #E6DACD; + width: 40%; + height: 532px; + position: absolute; + z-index: -1; +} + +.profile-image { + width: 200px; + height: 200px; + border-radius: 50%; + margin-bottom: 10px; +} + +.profile-card h2 { + font-size: 32px; +} + +.profile-card p { + margin: 26px; +} + +.line { + width: 40px; + border: 1px solid blue; + margin: auto; +} + +.social-icons { + display: flex; + justify-content: space-around; + padding-top: 10px; + padding-bottom: 10px; + background-color: white; +} + +.info-section { + max-width: 500px; + padding: 20px; +} + +.info-section h1 { + font-size: 80px; + margin: 0; +} + +.info-section p { + font-size: 20px; +} + +.buttons { + padding: 20px 0; +} + +.buttons button { + border: none; + padding: 10px 20px; + font-size: 16px; + margin-right: 10px; + cursor: pointer; + border-radius: 50px; + transition: 0.5s; +} + +button.primary { + background-color: #0056ff; + color: white; + border: 2px solid #0056ff; +} + +button.secondary { + background-color: #ffffff; + color: #202020; + border: 2px solid #202020; +} + +button.primary:hover { + background-color: #ffffff; + color: #202020; + border: 2px solid #0056ff; +} + +button.secondary { + background-color: #ffffff; + color: #202020; + border: 2px solid #202020; +} + +button.secondary:hover { + background-color: #0056ff; + color: #ffffff; + border: 2px solid #0056ff; +} + +.description { + font-size: 14px; + color: gray; +} + +footer { + text-align: center; + background-color: #f5f5f5; + padding: 20px; + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +.contact-info { + margin-bottom: 10px; + display: flex; + flex-direction: row; + justify-content: space-evenly; + width: 500px; +} + +.social-footer a { + margin-right: 10px; + text-decoration: none; + color: black; +} + +.social-footer a:hover { + color: blue; +} + +footer p { + font-size: 12px; + color: gray; +} + +footer p strong { + color: #202020; +} \ No newline at end of file diff --git a/MultiPage-Clone/css/projects.css b/MultiPage-Clone/css/projects.css new file mode 100644 index 00000000..1697d582 --- /dev/null +++ b/MultiPage-Clone/css/projects.css @@ -0,0 +1,174 @@ +/* General Styles */ +body { + font-family: Arial, sans-serif; + background-color: #e9d9ca; /* Light beige background */ + margin: 0; + padding: 0; +} + +header { + padding: 40px; + background-color: white; + text-align: left; + border-bottom: 1px solid lightgray; + display: flex; +} + +header h1 { + font-size: 24px; + width: 50%; + margin: 0; + font-weight: bolder; +} + +header nav { + text-align: right; + width: 50%; + margin-top: auto; +} + +header nav a { + margin-left: 20px; + text-decoration: none; + color: black; + transition: 0.5s; +} + +header nav a.active { + color: blue; +} + +header nav a:hover { + color: blue; +} + +.blue-space { + height: 12px; + width: 12px; + background-color: blue; + display: inline-block; + margin-right: 8px; + margin-bottom: 2px; +} + +main { + background-color: #E6DACE; /* Light beige background */ + display: flex; + justify-content: space-evenly; +} + +.content { + max-width: 750px; +} + + +/* Projects Section */ +.projects-header { + margin: 48px 0px; +} + +.projects-header h1{ + text-align: center; + font-size: 32px; +} + +.projects-header p { + text-align: center; + font-size: 18px; +} + +.projects-section h2 { + font-size: 32px; + font-weight: bold; + color: #000; + margin-bottom: 20px; +} + +.projects-section .blue-dot { + display: inline-block; + width: 12px; + height: 12px; + background-color: #0056FF; + margin-right: 10px; +} + +.projects-section .intro-text { + font-size: 18px; + color: #333; + margin-bottom: 40px; +} + +.project-item { + display: flex; + justify-content: space-between; + background-color: #fff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + margin-bottom: 48px; + height: 320px; +} + +.project-info { + padding-right: 36px; + padding-top: 36px; +} + +.project-info h3 { + font-size: 24px; + font-weight: bold; + color: #0056FF; + margin-bottom: 10px; +} + +.project-info p { + color: #333; + margin-bottom: 10px; + margin-left: 36px; +} + +.project-image img { + height: 320px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.line { + border-left: 12px solid blue; + padding-left: 24px; +} + + +/* Footer Styles */ +footer { + text-align: center; + background-color: #f5f5f5; + padding: 20px; + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +.contact-info { + margin-bottom: 10px; + display: flex; + flex-direction: row; + justify-content: space-evenly; + width: 500px; +} + +.social-footer a { + margin-right: 10px; + text-decoration: none; + color: black; +} + +.social-footer a:hover { + color: blue; +} + +footer p { + font-size: 12px; + color: gray; +} + +footer p strong { + color: #202020; +} \ No newline at end of file diff --git a/MultiPage-Clone/curriculum.html b/MultiPage-Clone/curriculum.html new file mode 100644 index 00000000..3b41698f --- /dev/null +++ b/MultiPage-Clone/curriculum.html @@ -0,0 +1,150 @@ + + + + + + Resume - Maya Nares + + + +
+

Maya Nelson / PROJECT MANAGER

+ +
+ +
+
+
+

Resume

+ +
+ + +
+
+

Experience

+ +
+
+
+

2035 - Present

+

JOB POSITION

+

Company Name

+

Company Location

+
+
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Click “Edit Text” or double-click here to add your content and make changes to the font.

+

I'm a great place for you to tell a story and let your users know a little more about you.

+
+
+ +
+
+

2035 - 2035

+

JOB POSITION

+

Company Name

+

Company Location

+
+
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Click “Edit Text” or double-click here to add your content and make changes to the font.

+

I'm a great place for you to tell a story and let your users know a little more about you.

+
+
+ +
+ + +
+

Education

+ +
+
+

2035 - Present

+

UNIVERSITY NAME

+

Degree Level

+

University Location

+
+
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Click “Edit Text” or double-click here to add your content and make changes to the font.

+

I'm a great place for you to tell a story and let your users know a little more about you.

+
+
+ +
+
+

2035 - 2035

+

UNIVERSITY NAME

+

Degree Level

+

University Location

+
+
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Click “Edit Text” or double-click here to add your content and make changes to the font.

+

I'm a great place for you to tell a story and let your users know a little more about you.

+
+
+ +
+ + +
+
+
+

Professional Skillset

+
+
+

Entrepreneurial Mindset

+

Teamwork & Collaboration

+
+
+

Go-to-Market Planning

+

Digital Analytics

+
+
+ +

Languages

+
+
+

English (native)

+

Spanish (proficient)

+
+
+

French (proficient)

+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/MultiPage-Clone/index.html b/MultiPage-Clone/index.html index cd704c69..f81bcf1b 100644 --- a/MultiPage-Clone/index.html +++ b/MultiPage-Clone/index.html @@ -1,21 +1,75 @@ - + - - - - Responsive grid project + Perfil - Maya Nelson + - +
+

Maya Nelson / PROJECT MANAGER

+ +
- +
+
+
+
+ +

Maya Nelson

+
+

PROJECT MANAGER

+ +
+ +
+

Hello

+

Heres who I am & what I do

+
+ + +
+

Im a paragraph. Click here to add your own text and edit me. Just click "Edit Text" or double click me to add your own content and make changes to the font.

+

Im a great place for you to tell a story and let your users know a little about you.

+
+
+
- - -

This website design was created by Wix.com, and is used here for strictly educational purposes.

+ - \ No newline at end of file diff --git a/MultiPage-Clone/pictures/WhatsApp Image 2024-10-08 at 18.34.53.jpeg b/MultiPage-Clone/pictures/WhatsApp Image 2024-10-08 at 18.34.53.jpeg new file mode 100644 index 00000000..81073675 Binary files /dev/null and b/MultiPage-Clone/pictures/WhatsApp Image 2024-10-08 at 18.34.53.jpeg differ diff --git a/MultiPage-Clone/pictures/facebook.webp b/MultiPage-Clone/pictures/facebook.webp new file mode 100644 index 00000000..f4b8bf4d Binary files /dev/null and b/MultiPage-Clone/pictures/facebook.webp differ diff --git a/MultiPage-Clone/pictures/instagram.webp b/MultiPage-Clone/pictures/instagram.webp new file mode 100644 index 00000000..e26a26a7 Binary files /dev/null and b/MultiPage-Clone/pictures/instagram.webp differ diff --git a/MultiPage-Clone/pictures/linkedin.webp b/MultiPage-Clone/pictures/linkedin.webp new file mode 100644 index 00000000..8ab89605 Binary files /dev/null and b/MultiPage-Clone/pictures/linkedin.webp differ diff --git a/MultiPage-Clone/pictures/project 1.webp b/MultiPage-Clone/pictures/project 1.webp new file mode 100644 index 00000000..86d19def Binary files /dev/null and b/MultiPage-Clone/pictures/project 1.webp differ diff --git a/MultiPage-Clone/pictures/project 2.webp b/MultiPage-Clone/pictures/project 2.webp new file mode 100644 index 00000000..a3ff3919 Binary files /dev/null and b/MultiPage-Clone/pictures/project 2.webp differ diff --git a/MultiPage-Clone/pictures/project 3.webp b/MultiPage-Clone/pictures/project 3.webp new file mode 100644 index 00000000..71f664c4 Binary files /dev/null and b/MultiPage-Clone/pictures/project 3.webp differ diff --git a/MultiPage-Clone/pictures/twitter.webp b/MultiPage-Clone/pictures/twitter.webp new file mode 100644 index 00000000..d0f6ec8b Binary files /dev/null and b/MultiPage-Clone/pictures/twitter.webp differ diff --git a/MultiPage-Clone/projects.html b/MultiPage-Clone/projects.html new file mode 100644 index 00000000..a399c8b9 --- /dev/null +++ b/MultiPage-Clone/projects.html @@ -0,0 +1,99 @@ + + + + + + Proyectos - Maya Nares + + + +
+

Maya Nelson / PROJECT MANAGER

+ +
+ +
+
+ +
+

Projects

+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font. I’m a great place for you to tell a story and let your users know a little more about you.

+
+ +
+
+
+
+

Name of the Projects 01

+ Roles Title +
+

Click to add your own text and edit it. It’s easy. Click on "Edit Text" or double-click here to add your own content and change the font. You can drag and drop it anywhere on the page.

+
+
+ Projects +
+
+ + +
+
+
+

Project name 02

+ Role Title +
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

+
+
+ Project image +
+
+ + +
+
+
+

Project name 03

+ Role Title +
+

I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

+
+
+ Project image +
+
+
+
+
+ + + + \ No newline at end of file