Project Responsive Web Design using Bootstrap

Date:

AIM:

To create a simplified clone of Dribbble (https://dribbble.com/) landing page.

DESIGN STEPS:

Step 1:

Clone the repository from GitHub.

Step 2:

Create Django Admin project.

Step 3:

Create a New App under the Django Admin project.

Step 4:

Design a navigation bar with links: Inspiration, Find Work, Learn Design, Go Pro, Sign In, Sign Up.

Step 5:

Add a catchy headline with a search bar.

Step 6:

Use <div> containers for each dribbble shot thumbnail.

Step 7:

Include designer name and likes count below each image.

Step 8:

Include text like “Find your next design inspiration” with a button (“Join Dribbble” or “Explore”).

Step 9:

Create a footer with your name and register number.

Step 10:

Publish the website in the LocalHost.

PROGRAM :

OUTPUT:

RESULT:

The project for responsive web design in creating a clone of dribble.com is completed successfully.