Professional CSS Developer Internship Duration: 30 Days
Course Objectives (with Projects)
• Learn the fundamentals of HTML and CSS to create modern web pages.
• Understand HTML elements, tags, attributes, and forms.
• Master CSS styling: selectors, box model, positioning, and layout.
• Apply Google Fonts, links, images, and lists effectively.
• Build responsive and visually appealing websites.
• Project: Create a complete website in 20 minutes using HTML & CSS (Challenge).
Prerequisites
• Basic computer literacy and internet usage.
• Familiarity with text editors (like VS Code, Sublime Text, or Notepad++).
• Basic understanding of file management and web browsers.
Tools & Environment
• Text Editor: VS Code, Sublime Text, or Notepad++.
• Web Browser: Chrome, Firefox, or Edge.
• Optional: Google Fonts integration, image assets for practice.
• Operating System: Windows, macOS, or Linux.
Beyond Objectives Learning
• Introduction to CSS frameworks like Bootstrap for rapid web development.
• Learn responsive design principles for mobile-friendly websites.
• Explore CSS animations and transitions for interactive UI.
• Basics of web accessibility and SEO-friendly HTML.
• Preparation for JavaScript integration to make web pages dynamic
Sr. Title Topic Objective
1 Intro Course Overview of what you will learn in this
Introduction HTML & CSS course
2 Things To Learn In HTML HTML Understand the key concepts to learn in
Fundamentals HTML
3 What Is HTML? HTML Basics Learn what HTML is and its role in web
development
4 How To Download Text Editor? Setup Install a text editor for writing HTML
code
5 Creating First HTML File HTML Basics Create and save your first HTML file
6 How To Open HTML File In Your HTML Basics Learn how to view HTML pages in a
Browser browser
7 HTML Paragraph HTML Elements Understand paragraph tags and text
structure
8 Text Formatting In HTML HTML Elements Apply formatting tags like bold, italic, etc.
9 HTML Styles And Comments HTML Elements Learn inline styling and adding comments
in HTML
10 Difference Between Tags And HTML Basics Distinguish between HTML tags and
Elements elements
11 How To Use Google Fonts HTML & Styling Integrate custom fonts using Google Fonts
12 HTML Links HTML Elements Create hyperlinks in HTML pages
13 HTML Images HTML Elements Insert images and understand image
attributes
14 HR Tag HTML Elements Use horizontal rules to separate content
15 Lists In HTML HTML Elements Create ordered and unordered lists
16 HTML Forms HTML Elements Build forms to collect user input
17 Introduction To CSS CSS Basics Understand what CSS is and its purpose
18 What Is CSS? CSS Basics Learn CSS fundamentals and styling
concepts
19 Ways To Use CSS CSS Basics Explore inline, internal, and external CSS
20 CSS Id's And Classes CSS Selectors Apply ID and class selectors for styling
21 Background Property In CSS CSS Styling Set background colors, images, and
properties
22 CSS Font Property CSS Styling Style text with font properties
23 Texts In CSS CSS Styling Control text appearance (size, color,
spacing)
24 Links In CSS CSS Styling Style hyperlinks with CSS
25 Borders In CSS CSS Styling Add and style borders around elements
26 Lists In CSS CSS Styling Style lists using CSS properties
27 Box Model In CSS CSS Layout Understand padding, border,
margin, and content
28 Scrollbars In CSS CSS Styling Customize scrollbars on web
pages
29 Positioning In CSS CSS Layout Learn relative, absolute, fixed, and
sticky positioning
30 Z-Index CSS Layout Manage layering of elements on a
page
31 Float Property In CSS CSS Layout Use float for element alignment
32 CSS Display CSS Layout Control how elements are
displayed
33 Cursors In CSS CSS Styling Change mouse cursor appearance
34 Challenge: Creating A Website Practical Apply learned concepts to build a
Using HTML & CSS In 20 Project mini website
Minutes
35 Awesome Outro Course Ending Wrap-up and next steps
Minimum Completion Criteria:
• Complete all modules and MCQs
• Attempt weekly marathons
• Submit at least 2 out of 5 projects in the final level
• Attend minimum 80% of lessons
Certificate Details
• Upon successful completion of the Internship, learners will receive a Government-Recognized
Certificate from Vidyawan, a registered MSME enterprise (Udyam Registration No: UDYAM-
WB-14-0205610).
One Month Internship Certificate Weekly Marathon Participation Certificate
Performance-Based Badge System
• Gold Badge – For Top Performers (90%+ score, completed 4+ projects)
• Silver Badge – For consistent performance (70–89%)
• Copper/Participant Badge – For all learners who complete the program
Contact Information
For queries, registration, or collaboration, feel free to contact us:
Vidyawan – Internship & Skill Development Platform
(A Government-registered MSME – UDYAM-WB-14-0205610)
• Email: [email protected]
• Website: www.vidyawan.in (Get in touch section)
• Location: West Bengal, India
• Follow us for updates and upcoming internships
