🚀 CodeSoft - Web Development Internship (Level 1)
This repository contains three projects completed as part of my CodeSoft Level 1 Web Development Internship.
All projects are built using HTML and CSS (with JavaScript in the calculator).
These tasks helped me practice structuring web pages, styling with CSS, and building beginner-friendly applications.
📌 Tasks Completed
1️⃣ Portfolio Website
A personal portfolio website showcasing my introduction, skills, and contact information.
It features a modern layout with sections like About Me, Contact, and Resume Download.
- Check Live: Portfolio
- Tech Used: HTML, CSS
- Features:
- Hero section with profile and call-to-action button
- About Me description card
- Contact details (email, phone, GitHub, LinkedIn)
- Clean and responsive design
2️⃣ Landing Page
A simple and creative landing page designed to demonstrate layout, color palette, and alignment skills.
This project highlights HTML structure and CSS styling techniques.
- Check Live: Landing-page
- Tech Used: HTML, CSS
- Features:
- Header and navigation bar
- Hero section with heading, description, and button
- About section with text and resume download link
- Focus on alignment, padding, and unique styling
3️⃣ Basic Calculator
A simple calculator built using HTML, CSS, and JavaScript.
It allows users to perform basic arithmetic operations with a clean and intuitive UI.
- Check Live: Calculator
- Tech Used: HTML, CSS, JavaScript
- Features:
- Supports addition, subtraction, multiplication, division
- Clear button to reset values
- Styled with CSS for modern UI
- Interactive buttons with JavaScript event handling
🛠️ Technologies Used
- HTML5 – for structuring the content
- CSS3 – for styling, layouts, and responsiveness
- JavaScript (ES6) – for adding interactivity in the Calculator
📚 Learning Outcomes
- Building structured web pages with HTML
- Styling layouts, backgrounds, and components with CSS
- Understanding flexbox and responsive design basics
- Adding interactivity using JavaScript (DOM manipulation)
- Applying creativity in UI design (colors, padding, alignment)
📸 Project Previews
Portfolio Website
github.com/Portfolio
Landing Page
github.com/Landing-page
Calculator
github.com/Calculator
🧑💻 Author
Mallesh