Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/farzadforuozanfar/website-design-programming

Complete and comprehensive course for webmasters from beginner to advanced
https://github.com/farzadforuozanfar/website-design-programming

bootstrap5 css css3 html html-css-javascript html5 responsive-design tic-tac-toe webdesign webdevelopment website

Last synced: 2 months ago
JSON representation

Complete and comprehensive course for webmasters from beginner to advanced

Awesome Lists containing this project

README 

        
# Assignment 1:

Create this page with ```HTML``` :

####

![Screenshot (411)](https://user-images.githubusercontent.com/91725214/158477868-4dc56527-11cb-40b4-a4a0-3be290a73cc6.png)

# Assignment 2:

Create this page with ```HTML``` :

#### 

![Screenshot (413)](https://user-images.githubusercontent.com/91725214/158575247-2733671e-c677-45fd-b6ff-c9462698dfc4.png)

# Assignment 3:

Create this page with ```HTML``` :

####

![Screenshot (416)](https://user-images.githubusercontent.com/91725214/159122465-584f0155-ef03-4c9c-9710-a0231987143d.png)

# Assignment 4:

Create this page with ```HTML && CSS``` :

####



![Screenshot (418)](https://user-images.githubusercontent.com/91725214/159161934-5d8d3fe1-e94d-4f7c-9d40-ad84f700de56.png)

# Assignment 5:

Design Google logo with ```CSS```:

####

![Screenshot (420)](https://user-images.githubusercontent.com/91725214/159299412-b67dda75-8557-4590-a136-3e1d9076d195.png)![Screenshot (421)](https://user-images.githubusercontent.com/91725214/159299433-e2b3b89e-e3d4-4f3e-a725-5287923653fa.png)

####

Google Home Design with ```CSS```:

####

![Screenshot (423)](https://user-images.githubusercontent.com/91725214/159299722-efd2a0dc-0bfd-4f76-a9a9-72050b337a66.png)

Login page Design with ```CSS```:

####

![Screenshot (424)](https://user-images.githubusercontent.com/91725214/159351664-63e65623-1aee-4400-b3bd-f73d7d986aac.png)

# Assignment 6:

####

Design Logo with ```html css```:

####

![Screenshot (425)](https://user-images.githubusercontent.com/91725214/159526044-30a0184c-650f-474b-9689-25b9112680cd.png)

####

Design Menu Bar with ```html css```:

####

![Screenshot (427)](https://user-images.githubusercontent.com/91725214/159553473-c2dbb9c0-0fd0-401d-a680-fc068572049c.png)

# Assignment 7:



![screencapture-file-F-Web-Assignment-7-8-fifa22-html-2022-03-28-16_09_44](https://user-images.githubusercontent.com/91725214/160391119-3eae7077-55cf-4c44-a4d5-4e3d370b2299.png)



# Assignment 9:

design snappfood page for desktop:

![screencapture-file-F-Web-Assignment-9-index-html-2022-03-30-14_12_30](https://user-images.githubusercontent.com/91725214/160803700-b555b16d-c8c7-42e7-b4ff-2cafdb5f22ee.png)

# Assignment 11:

#### 

Android logo



https://user-images.githubusercontent.com/91725214/161439855-95736108-a517-4cad-b723-3f4920d839b9.mp4

####

#### 

Dark mode(snappfood)

####

![screencapture-file-F-Web-Assignment11-Dark-mode-snappfood-index-html-2022-04-03-21_40_28](https://user-images.githubusercontent.com/91725214/161439873-bbf97720-a09d-43f0-8356-4d8835dfd097.png)

# Assignment 12:

Calculator :



![Screenshot (447)](https://user-images.githubusercontent.com/91725214/161685199-08c5ea50-99fd-4229-a30e-bc65c27796de.png)

# Assignment 13(Tic Toc Toe) :

Demo :

####



# Assignment 14:

Spinner :

####

![screencapture-file-F-Web-Assignment14-Spinner-index-html-2022-04-14-23_55_56 (1)](https://user-images.githubusercontent.com/91725214/163462903-911e019b-bb77-4c17-915c-861ff7683db7.png)

####

Metronome:

####

![screencapture-file-F-Web-Assignment14-metronome-index-html-2022-04-14-23_58_22](https://user-images.githubusercontent.com/91725214/163462957-2eb5fad9-605a-4a55-8252-7f39fdc47e8a.png)

####

LOGIN page Dynamic:

####

![screencapture-file-F-Web-Assignment14-login-index-html-2022-04-14-23_55_16](https://user-images.githubusercontent.com/91725214/163463020-f2ace8f8-4fc2-4b8b-8a02-6dbbfdc8ecc6.png)

# Assignment 15 (Use Bootstrap)

large screen:

####

![screencapture-file-F-Web-Assignment15-index-html-2022-04-20-01_16_36](https://user-images.githubusercontent.com/91725214/164093260-13dd96d8-4a51-418b-acb2-7ba194dc791f.png)

####

small screen :

####

![screencapture-file-F-Web-Assignment15-index-html-2022-04-20-01_17_00](https://user-images.githubusercontent.com/91725214/164093317-3ca29d19-023e-4e77-8f68-829ff0d56723.png)

# ASSIGNMENT 16(DigiKala):

![screencapture-file-F-Web-Assignment16-index-html-2022-04-23-00_32_38](https://user-images.githubusercontent.com/91725214/164786958-d28bd4f0-feef-4c11-af17-f733bdad0975.png)

# Assignment 18 (IMDB) :

![Screenshot (510)](https://user-images.githubusercontent.com/91725214/166234116-671dffea-23c7-4897-ab42-2792adacba98.png)



# Assignment 19 (Taxi):🚖

####

![Screenshot (514)](https://user-images.githubusercontent.com/91725214/167010251-220c0b44-0773-49c7-8eb2-da12cfdd2d9d.png)



![Screenshot (513)](https://user-images.githubusercontent.com/91725214/167009580-4a6aa672-2b4c-410f-8e21-14d94aef6ae7.png)

# Assignmnet 20:

## Demo

Design Instagram logo with ```html``` & ```css``` & ```bootstrap```:

####

![logo](https://user-images.githubusercontent.com/91725214/167680881-5d5cc4cb-e767-4b73-8390-8d1c0cd68157.jpg)



# Certificates:

www.sololearn.com 

![image](https://user-images.githubusercontent.com/91725214/162985154-bdbe519e-5052-4e75-a188-085c16e6770c.png)

![cert-1014-23586582](https://user-images.githubusercontent.com/91725214/159041140-e9fd612b-116e-4200-9589-29fde43b6594.jpg)

![png](https://user-images.githubusercontent.com/91725214/164989342-8e036537-a364-41df-b7fb-4cc91ef96308.png)



![png](https://user-images.githubusercontent.com/91725214/157819260-c03c5293-0a5d-4ce4-a967-c1821e041be6.png)