From b818fce30817e7be5c61c44589cb8031e9439513 Mon Sep 17 00:00:00 2001 From: rupeshbangar Date: Mon, 23 Feb 2026 22:42:56 +0530 Subject: [PATCH] Orientation, Overview of Web Development --- Week-01/Day_02/index.html | 37 ---------------- Week-01/Day_03/index.html | 33 -------------- Week-01/Day_03/style.css | 50 --------------------- Week-01/Day_04/index.html | 32 -------------- Week-01/Day_04/profile.jpg | Bin 6694 -> 0 bytes Week-01/Day_04/style.css | 88 ------------------------------------- Week-01/Day_05/index.html | 22 ---------- Week-01/Day_05/script.js | 62 -------------------------- Week-01/Day_05/style.css | 72 ------------------------------ Week-02/Day_01/index.html | 45 ------------------- Week-02/Day_01/style.css | 32 -------------- Week-02/Day_02/index.html | 65 --------------------------- Week-02/Day_02/style.css | 79 --------------------------------- Week-02/Day_03/index.html | 43 ------------------ Week-02/Day_03/style.css | 53 ---------------------- Week-02/Day_04/README.md | 19 -------- Week-02/Day_05/README.md | 36 --------------- Week-03/Day_01/index.html | 12 ----- Week-03/Day_01/script.js | 29 ------------ 19 files changed, 809 deletions(-) delete mode 100644 Week-01/Day_02/index.html delete mode 100644 Week-01/Day_03/index.html delete mode 100644 Week-01/Day_03/style.css delete mode 100644 Week-01/Day_04/index.html delete mode 100644 Week-01/Day_04/profile.jpg delete mode 100644 Week-01/Day_04/style.css delete mode 100644 Week-01/Day_05/index.html delete mode 100644 Week-01/Day_05/script.js delete mode 100644 Week-01/Day_05/style.css delete mode 100644 Week-02/Day_01/index.html delete mode 100644 Week-02/Day_01/style.css delete mode 100644 Week-02/Day_02/index.html delete mode 100644 Week-02/Day_02/style.css delete mode 100644 Week-02/Day_03/index.html delete mode 100644 Week-02/Day_03/style.css delete mode 100644 Week-02/Day_04/README.md delete mode 100644 Week-02/Day_05/README.md delete mode 100644 Week-03/Day_01/index.html delete mode 100644 Week-03/Day_01/script.js diff --git a/Week-01/Day_02/index.html b/Week-01/Day_02/index.html deleted file mode 100644 index aa05271..0000000 --- a/Week-01/Day_02/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - Day 2 Internship Task - - - -

Welcome to My Profile

- -

About Me

-

Hi! I am RUPESH BANGAR. i am live from goregaon west, an pursuing Masters Of Computer Application at Pillai HOC College Of Engineering and Technology. I have strong interest in WEB DEVELOPMENT and enjoy working on both frontend and backend technologies

- -

My Goals...

- - - -

Daily Routine...

- -
    -
  1. To wake up in the morning, take a bath, have breakfast and catch the train
    2. -
  2. Reach the office and setup my desk
    3. -
  3. Check internship portal for tasks, Read MDN Web Docs, Write and test code
    4. -
  4. Return Back to the HOME
    5. -
- -

Resources...!

- -

I am learning from the W3 School HTML Tutorial.

- - - \ No newline at end of file diff --git a/Week-01/Day_03/index.html b/Week-01/Day_03/index.html deleted file mode 100644 index eda37f5..0000000 --- a/Week-01/Day_03/index.html +++ /dev/null @@ -1,33 +0,0 @@ - - - - - Day 3 CSS Task - - - - - - -
-

My Internship Journey

- -
-

About Me

-

I am learning CSS today to make my web pages look beautiful and organized.

-
- -
-

Skills I am Learning

-
    -
  • HTML5 Structure
    • -
  • CSS3 Basics
    • -
  • JavaScript Logic
    • -
-
- - Contact Me -
- - - \ No newline at end of file diff --git a/Week-01/Day_03/style.css b/Week-01/Day_03/style.css deleted file mode 100644 index 1c10289..0000000 --- a/Week-01/Day_03/style.css +++ /dev/null @@ -1,50 +0,0 @@ -body { - font-family: 'Arial', sans-serif; - background-color: #f4f4f9; - color: #333; - line-height: 1.6; - margin: 0; - padding: 20px; -} - -.container { - max-width: 600px; - margin: 0 auto; -} - -.card { - background: white; - padding: 20px; - margin-bottom: 20px; - border-radius: 8px; - border-left: 5px solid #007bff; - box-shadow: 0 2px 5px rgba(0,0,0,0.1); -} - -h1 { - color: #007bff; - text-align: center; -} - -.skills-list { - list-style-type: square; -} - -.active { - color: green; - font-weight: bold; -} - -.btn { - display: inline-block; - background: #007bff; - color: white; - padding: 10px 20px; - text-decoration: none; - border-radius: 5px; - transition: background 0.3s; -} - -.btn:hover { - background: #0056b3; -} \ No newline at end of file diff --git a/Week-01/Day_04/index.html b/Week-01/Day_04/index.html deleted file mode 100644 index 1121161..0000000 --- a/Week-01/Day_04/index.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - CSS Basics Combined Task - - - - -
- -
- - Profile Picture - -

Rupesh Bangar

-

Junior Web Developer

- -
-

Bio: This is a long biography to demonstrate the overflow property. CSS allows us to handle content that is larger than its container. By setting the height and the overflow property, we can ensure the layout stays intact while the user can still read all the text by scrolling inside this specific box.

-
- -
- - -
-
-
- - - \ No newline at end of file diff --git a/Week-01/Day_04/profile.jpg b/Week-01/Day_04/profile.jpg deleted file mode 100644 index ffb7932c2f9bed39222cdde7aba18247ed073bdb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6694 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 diff --git a/Week-01/Day_04/style.css b/Week-01/Day_04/style.css deleted file mode 100644 index a56557d..0000000 --- a/Week-01/Day_04/style.css +++ /dev/null @@ -1,88 +0,0 @@ -:root { - --primary-color: #4a90e2; -} - -body { - font-family: 'Segoe UI', sans-serif; - background-color: #f0f2f5; - margin: 0; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; -} - -.profile-card { - background-color: white; - width: 350px; - max-width: 90%; - padding: 2rem; - border: 2px solid #ddd; - border-radius: 15px; - box-shadow: 0 4px 15px rgba(0,0,0,0.1); - text-align: center; -} - -.profile-img { - width: 120px; - height: 120px; - border-radius: 50%; - object-fit: cover; - border: 4px solid var(--primary-color); - margin-bottom: 1rem; -} - -.user-name { - color: #333; - margin: 0; - font-size: 1.5rem; -} - -.tagline { - color: #777; - font-style: italic; - margin-bottom: 1.5rem; -} - -.bio-box { - height: 80px; - overflow-y: auto; - background: #f9f9f9; - padding: 10px; - border: 1px solid #eee; - font-size: 0.9rem; - margin-bottom: 1.5rem; - text-align: left; -} - -.contact-form { - display: flex; - flex-direction: column; - gap: 10px; -} - -input[type="email"] { - padding: 10px; - border: 1px solid #ccc; - border-radius: 5px; - outline: none; -} - -input[type="email"]:focus { - border-color: var(--primary-color); -} - -#submit-btn { - background-color: var(--primary-color); - color: white; - padding: 10px; - border: none; - border-radius: 5px; - cursor: pointer; - font-weight: bold; - transition: background 0.3s; -} - -#submit-btn:hover { - background-color: #357abd; -} \ No newline at end of file diff --git a/Week-01/Day_05/index.html b/Week-01/Day_05/index.html deleted file mode 100644 index fe6d7ae..0000000 --- a/Week-01/Day_05/index.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - Basic JS Task - Week 1 Day 5 - - - - -
-

Gadget Store Inventory

-

Click the button below to process the JSON data and calculate discounts.

- - - -
-
- - - - \ No newline at end of file diff --git a/Week-01/Day_05/script.js b/Week-01/Day_05/script.js deleted file mode 100644 index c56e13f..0000000 --- a/Week-01/Day_05/script.js +++ /dev/null @@ -1,62 +0,0 @@ -const jsonInventory = `[ - {"id": 1, "name": "Wireless Headphones", "price": 2500, "stock": 15}, - {"id": 2, "name": "Smart Watch", "price": 5000, "stock": 3}, - {"id": 3, "name": "Gaming Mouse", "price": 1200, "stock": 0}, - {"id": 4, "name": "Laptop Stand", "price": 1800, "stock": 8} -]`; - -const config = { - currencySymbol: "₹", - discountPercent: 15, // 15% discount for low stock items - lowStockThreshold: 5 -}; - -const loadBtn = document.getElementById('load-btn'); -const container = document.getElementById('product-container'); - -function updateInventory() { - const products = JSON.parse(jsonInventory); - - container.innerHTML = ''; - - products.forEach(item => { - let currentPrice = item.price; - let badgeHTML = ''; - let priceHTML = ''; - - if (item.stock === 0) { - badgeHTML = `Out of Stock`; - priceHTML = `${config.currencySymbol}${item.price}`; - } - else if (item.stock < config.lowStockThreshold) { - - const discountAmount = (item.price * config.discountPercent) / 100; - currentPrice = item.price - discountAmount; - - badgeHTML = `Low Stock Sale - ${config.discountPercent}% OFF`; - priceHTML = ` - ${config.currencySymbol}${item.price} - ${config.currencySymbol}${currentPrice.toFixed(0)} - `; - } - else { - badgeHTML = `In Stock: ${item.stock}`; - priceHTML = `${config.currencySymbol}${item.price}`; - } - - const card = document.createElement('div'); - card.className = 'card'; - card.innerHTML = ` -

${item.name}

-

${priceHTML}

- ${badgeHTML} - `; - - container.appendChild(card); - }); -} - -loadBtn.addEventListener('click', () => { - console.log("Loading Inventory..."); - updateInventory(); -}); \ No newline at end of file diff --git a/Week-01/Day_05/style.css b/Week-01/Day_05/style.css deleted file mode 100644 index 63b1b32..0000000 --- a/Week-01/Day_05/style.css +++ /dev/null @@ -1,72 +0,0 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background-color: #f0f2f5; - color: #333; - padding: 20px; -} - -.container { - max-width: 900px; - margin: 0 auto; - text-align: center; -} - -button { - background-color: #007bff; - color: white; - border: none; - padding: 12px 24px; - font-size: 1rem; - border-radius: 5px; - cursor: pointer; - margin-bottom: 30px; -} - -button:hover { - background-color: #0056b3; -} - -.product-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 20px; -} - -.card { - background: white; - padding: 20px; - border-radius: 10px; - box-shadow: 0 4px 6px rgba(0,0,0,0.1); - text-align: left; -} - -.card h3 { - margin-top: 0; - color: #222; -} - -.price { - font-size: 1.2rem; - font-weight: bold; - color: #28a745; -} - -.old-price { - text-decoration: line-through; - color: #888; - font-size: 0.9rem; - margin-right: 10px; -} - -.badge { - display: inline-block; - padding: 4px 8px; - border-radius: 4px; - font-size: 0.75rem; - font-weight: bold; - margin-top: 10px; -} - -.sale { background-color: #ffc107; color: #000; } -.out-of-stock { background-color: #dc3545; color: #fff; } -.available { background-color: #e2e3e5; color: #383d41; } \ No newline at end of file diff --git a/Week-02/Day_01/index.html b/Week-02/Day_01/index.html deleted file mode 100644 index 1382ec7..0000000 --- a/Week-02/Day_01/index.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - - Advanced HTML & CSS - Simple Form - - - - -
- -
-

User Form

- - - - - - -
- -
-

Entered Details

-

Name: ______

-

Email: ______

-

City: ______

-
- -
- - - - - diff --git a/Week-02/Day_01/style.css b/Week-02/Day_01/style.css deleted file mode 100644 index 2ae6bfb..0000000 --- a/Week-02/Day_01/style.css +++ /dev/null @@ -1,32 +0,0 @@ -body { - font-family: Arial; - background: #f2f2f2; -} - -.wrapper { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; - width: 500px; - margin: 50px auto; -} - -.form { - display: flex; - flex-direction: column; - gap: 10px; - background: white; - padding: 15px; -} - -.display { - display: flex; - flex-direction: column; - gap: 10px; - background: white; - padding: 15px; -} - -input, button { - padding: 8px; -} diff --git a/Week-02/Day_02/index.html b/Week-02/Day_02/index.html deleted file mode 100644 index 9c9eb18..0000000 --- a/Week-02/Day_02/index.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - Advanced HTML & CSS - Simple Form - - - - -
- -
- -
- -
-

User Form

- - - - - - -
- -
-

Entered Details

-

Name: ______

-

Email: ______

-

City: ______

-
- -
- - - - - - - diff --git a/Week-02/Day_02/style.css b/Week-02/Day_02/style.css deleted file mode 100644 index 63c83f1..0000000 --- a/Week-02/Day_02/style.css +++ /dev/null @@ -1,79 +0,0 @@ -body { - font-family: Arial; - background: #f2f2f2; -} - -.wrapper { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; - max-width: 700px; - margin: 40px auto; - padding: 10px; -} - -.form { - display: flex; - flex-direction: column; - gap: 10px; - background: white; - padding: 15px; -} - -.display { - display: flex; - flex-direction: column; - gap: 10px; - background: white; - padding: 15px; -} - -input, button { - padding: 8px; -} - -/* Header */ -header { - background: #ffffff; - box-shadow: 0 1px 4px rgba(0,0,0,0.06); - padding: 12px 0; -} -header .nav ul { - list-style: none; - display: flex; - gap: 24px; - justify-content: center; - margin: 0; - padding: 0; -} -header .nav a { - color: #333; - text-decoration: none; - font-weight: 600; -} - -/* Footer / Pagination */ -footer { - margin: 30px auto 50px; - max-width: 700px; - text-align: center; -} -.pagination { - display: inline-flex; - gap: 8px; - align-items: center; -} -.pagination a { - display: inline-block; - padding: 6px 10px; - background: #fff; - border-radius: 4px; - text-decoration: none; - color: #333; - border: 1px solid #e0e0e0; -} -.pagination a.active { - background: #007acc; - color: #fff; - border-color: #007acc; -} diff --git a/Week-02/Day_03/index.html b/Week-02/Day_03/index.html deleted file mode 100644 index 6d7e2ec..0000000 --- a/Week-02/Day_03/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - Responsive Task - Week 2 - Day 3 - - - - -
-
-

Responsive News

- -
- -
-
- Sample -

Article 1

-

This layout uses CSS Grid to stay organized on desktop.

-
-
- Sample -

Article 2

-

On mobile, these cards will stack one on top of the other.

-
-
- Sample -

Article 3

-

Responsive design makes the web accessible to everyone.

-
-
-
- - - \ No newline at end of file diff --git a/Week-02/Day_03/style.css b/Week-02/Day_03/style.css deleted file mode 100644 index e8ad1be..0000000 --- a/Week-02/Day_03/style.css +++ /dev/null @@ -1,53 +0,0 @@ -body { - font-family: sans-serif; - line-height: 1.5; - margin: 0; - padding: 20px; -} - -img { - max-width: 100%; - height: auto; - display: block; -} - -nav ul { - display: flex; - list-style: none; - padding: 0; - gap: 20px; - background: #1a08e9; - padding: 10px; -} -nav a { - color: white; - text-decoration: none; -} - -.grid { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - gap: 20px; -} - -.card { - border: 2px solid #271e1e; - padding: 10px; -} - -@media (max-width: 700px) { - - .grid { - grid-template-columns: 1fr; - } - - nav ul { - flex-direction: column; - text-align: center; - } - - h1 { - text-align: center; - font-size: 1.5rem; - } -} \ No newline at end of file diff --git a/Week-02/Day_04/README.md b/Week-02/Day_04/README.md deleted file mode 100644 index b6d1e06..0000000 --- a/Week-02/Day_04/README.md +++ /dev/null @@ -1,19 +0,0 @@ -### I mastered the 5 Basic Steps of the GitHub workflow: - -1. **Repository:** I created a "home" for my project files. -2. **Branching:** I made a "copy" of my project to work on safely (so I don't break the main version). -3. **Committing:** I saved my progress with a clear note about what I changed. -4. **Pull Request (PR):** I asked for my changes to be checked and added to the main project. -5. **Merging:** I combined my new work into the final project. - -## Checklist of Tasks Completed -- [1] Created a new repository called `hello-world`. -- [2] Created a new branch called `readme-edits`. -- [3] Edited the README file and saved (committed) the changes. -- [4] Opened a Pull Request to share my work. -- [5] Merged the Pull Request into the main branch. - -## Tools Used -* **GitHub:** To host my project online. -* **Git:** To track the history of my work. -* **Markdown:** To write this simple and clean README file. diff --git a/Week-02/Day_05/README.md b/Week-02/Day_05/README.md deleted file mode 100644 index 4541390..0000000 --- a/Week-02/Day_05/README.md +++ /dev/null @@ -1,36 +0,0 @@ -### Key Concepts Learned - -1. **Repositories:** Creating a project container on GitHub to track history. -2. **Branching:** Creating an isolated environment (`readme-edits`) to test new ideas without affecting the `main` code. -3. **Commits:** Saving "checkpoints" in the project with descriptive messages. -4. **Pull Requests (PR):** Proposing changes to the project and starting a discussion before merging. -5. **Merging:** Successfully incorporating changes from a branch back into the master project. - - -### To complete this task, I performed the following steps: - -- [x] **Initialized Repository:** Created the `hello-world` repository. -- [x] **Created Branch:** Created a branch named `readme-edits` to follow the branching strategy. -- [x] **Modified Content:** Updated the `README.md` with professional information. -- [x] **Committed Changes:** Used the Conventional Commits format for the commit message. -- [x] **Opened Pull Request:** Documented the changes and submitted them for review. -- [x] **Merged PR:** Finalized the changes into the `main` branch. - - -### During this task, I practiced the following CLI commands: - -```bash -# Clone the repository locally -git clone https://github.com/[username]/hello-world.git - -# Create a new branch -git checkout -b readme-edits - -# Stage changes -git add . - -# Commit changes -git commit -m "docs: add intern profile and workflow log" - -# Push to GitHub -git push origin readme-edits \ No newline at end of file diff --git a/Week-03/Day_01/index.html b/Week-03/Day_01/index.html deleted file mode 100644 index b82714f..0000000 --- a/Week-03/Day_01/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - Document - - - - - - \ No newline at end of file diff --git a/Week-03/Day_01/script.js b/Week-03/Day_01/script.js deleted file mode 100644 index f91bda1..0000000 --- a/Week-03/Day_01/script.js +++ /dev/null @@ -1,29 +0,0 @@ -const internProfile = { - firstName: "Rupesh", - role: "Web Development Intern", - tasksCompleted: 6, - - updateTasks() { - this.tasksCompleted++; - return `Task Update:\n${this.firstName} has completed a new task!\nTotal Tasks: ${this.tasksCompleted}`; - } -}; - -const getWelcomeMessage = (name, role) => { - return `Welcome to the Dashboard!\nName: ${name}\nRole: ${role}`; -}; - -const checkGoal = (completed, goal = 10) => { - const remaining = goal - completed; - return `Progress Report:\nCompleted: ${completed}\nTarget: ${goal}\nRemaining: ${remaining} tasks to reach goal.`; -}; - -const welcome = getWelcomeMessage(internProfile.firstName, internProfile.role); - -alert(welcome); - -const updateStatus = internProfile.updateTasks(); -alert(updateStatus); - -const progress = checkGoal(internProfile.tasksCompleted); -alert(progress); \ No newline at end of file