Web Typography

It was the new assignment. Basically, we have to follow the Web Fundamentals that was “Typography” means font selection, font combination, size, design etc.

My theme for this assignment was “CRICKET”.

I used the Google Font site(https://fonts.google.com/) to select the different fonts with styles. I used Lato for font family and Merriweather for headings and blockquote only.

Although, It was an easy assignment but i learnt many little things like use of (em, %) , how to make our web page more readable and eye catching etc.

I used different font weights and colors to differentiate the importance of text.

I made it responsive for Mobile (max-width: 580px) and Tablet (min-width:581px) and (max-width:780px).

Here are the different screenshots.

  1. Desktop View.

2.Tablet View.

3.Mobile View.

I must want to say, It was  the foundation for Web Development and much needed knowledge for me.

Here is the link for it on my  domain:-  http://punjmedia.com/gaganhomework/typography/index.html

Posted in Uncategorized | 1 Comment


A five page website ” challenge for beginners”.

It was only one week of work. Struggled a lot, many confusions, hours of sitting but, finally met the requirements.


It was our first composite @Humber College. Basic requirements was it should have five pages, semantic use of Html and CSS. A proper wireframe and mockup for web, proper formatting and documentation, code validation and responsiveness .

moreover, browsers support and presentation made it more challenging.



#challenge no.1
As i am new to photoshop and illustrator that is why it was very confusing for me to use the tools to make logo and crop pictures to proper size.
so that page size remain under 400kb.

#challenge no.2
making image slider without Java Script was quite challenging. Use of animation was confusing it self.

I am delighted to have met the requirements, but look forward to connect the forms to database and get the users input. i might change the image slider to Java Script .




Posted in Uncategorized | 4 Comments




This calendar was the part of my assignment of Web Development and Design and maintenance course at Humber College. The basic requirement for this calendar was to make it for one month of any year with respective holidays occurring in the respective month. It should be made in valid HTML and CSS.

My Calendar:

I designed it in CSS .I used different properties of CSS to design it . I used background image and different color combinations to enhance the design of calendar. I made this calendar in HTML and CSS which shows all the holidays for the month. I used list to style each date of calendar. I used hover property to enhance the design of it Basically, when we hover on any date the border changes the color and i also used visibility property which shows the text message for holiday when you hover on holidays. I set different classes and id’s to target the individual day . All the holidays and dates lies under Sunday are designed with different color. All the dates of different months are designed different.

Posted in Uncategorized | Leave a comment

What Good Web Design Means To Me

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. While the terms web design and web development are often used interchangeably, web design is technically a subset of the broader category of web development.webdesignheader

Posted in Web Design | 2 Comments