Introduction

On the 23rd of September,2022 I started the Zuri training cohort II as a Fullstack (Frontend and Python) development trainee. This repo consists of my week 3 to 5 projects during the training.

Projects

Week 3

Python Task: OOP, Classes and Objects Project (Quiz)

This was a python task in week 3. I was given some questions to answer. This quiz is in week 3 branch on this repo. It is called "Python Quiz question". it is a single document on the first page. It is not in a folder.

CSS Fundamentals project

This was a Frontend task. In this task we were required to :

1. Create a simple portfolio website with the following information: about me section, contact page, services section, project.
2. Using HTML semantics, we were to include a header, main, and footer tag.
3. Then we should add a navigation menu at the top of the home page.
4. We should also use inline linking to the sections on the home page and make the other pages, like contact us, open up a new page.

The following should be included in the portfolio:

1. My name
2. A paragraph about myself
3. Projects (everything I have done, both zuri and outside.)
4. Services
5. Hobbies, priorities, and other skills
6. Somewhere on the page where it makes sense visually, I am to add a photo of myself.
7. Name
8. Email
9. Message

Hint: Searching for designs online will give you a better understanding of a beautiful design.

TASK EXPLANATION

This was the first task that I pushed to my git. so it is the first thing you see.

here, the index.html page is the Homepage.

The about me section has a link that automatically goes to the about section that is still on the homepage

Pages like the contact page ("contact.html"), project ("project.html")and services ("service.html") have in-link linking. They lead to other pages.

In my project page, all my projects have links that would lead you to each project which are on various platforms.

All the images used are in a folder called "img".

The image used as the icon when the page is loaded is saved as "Muushe.ico". it is the only image that is not in the img folder.

For reference purposes, the replit link has been attached to the heading titled "CSS Fundamentals project". click on it and see my work

HTML and CSS Log in/Registration, Success page project

1. The user can only access the success or congrats page when they enter the correct info in the fields provided.
2. The Success and Congrats page is only accessible through the log in / register pages.
   Create the following pages using HTML CSS

Registration page Login page Success register page Your section of the registration page should include

First name Last name Phone number Email Gender (select field) Date of birth (date selection option) Favorite color (color selector) Your section of the login page should include Email and password If the user uses the correct format for email and password, the user should be navigated to the success page.

Hint Searching for designs online will give you a better understanding of a beautiful design.

TASK EXPLANATION

This HTML CSS log in task is in a folder titled "Log in replit task".

In this folder, the register page is the index.html. In other words, it is the first page that the user will see.

If you click the "sign in", you will be automatically redirected to the Lon in page.

The log in page is titled "log in.html" in the "Log in replit task " folder.

If the user clicks on "sign up" the user will be redirected to the Register page.

Now, the register and log in pages will only load success pages, when the fields have been filled with the necessary information. if the user does not suppy the information, then , the user will not access or see the log in pages.

For reference purposes, the replit link has been attached to the heading titled "HTML and CSS Log in/Registration, Success page project". click on it and see my work