This directory contains 14 HTML/CSS projects created by Ankush Naruka (BCA student, Alwar, Rajasthan). These demonstrate progression from basic HTML tags to full portfolio sites, forms, tables, and landing pages. Pure frontend (no JS), focusing on semantic HTML, forms, tables, lists, and responsive design basics.
Contact: narukaankush954@gmail.com | +91 9784968870
Skills Demonstrated:
- Semantic tags (
header,nav,section,article,footer) - Forms (inputs, radio, checkbox, file, textarea)
- Tables for catalogs/menus
- Lists (ordered/unordered), media embeds
- Navigation, portfolios, resumes, landing pages
| Folder | Description | Main File | Key Features | Open Command |
|---|
| [Ankush Blog](Ankush Blog/) | Personal blog with posts about web dev journey, contact form | Blog.html (+style.css) | Nav, articles, form, semantic sections | open \"Ankush Blog/Blog.html\" |
| [ankush portfolio](ankush portfolio/) | Personal portfolio with skills/projects/about/contact | index.html (+style.css) | Fieldsets, lists, contact info | open \"ankush portfolio/index.html\" |
| [complete project](complete project/) | Full HTML tags showcase/portfolio | project.html | Header/nav/sections/tables/media/forms (audio/video/iframe) | open \"complete project/project.html\" |
| E-Commerce | iPhone 14 Pro Max product detail page | index.html | Product features list, buy buttons | open \"E-Commerce/index.html\" |
| [Event registration](Event registration/) | Tech event registration form | index.html | Inputs (text/email/tel/select/radio/checkbox/file) | open \"Event registration/index.html\" |
| [html tags](html tags/) | DM Skill Institute landing page | dm.html | Nav, courses (communication/English/computer), contact | open \"html tags/dm.html\" |
| [input types](input types/) | Demo of all HTML input types | input.html | text/number/email/tel/password/radio/checkbox/file/url/search/date/time/range | open \"input types/input.html\" |
| [online restaurent](online restaurent/) | TasteBite Restaurant site | restaurent.html (+style.css) | Menu table, about, contact form | open \"online restaurent/restaurent.html\" |
| [portfolio gallery](portfolio gallery/) | Ankush portfolio with projects table | index.html (+style.css) | Projects table, contact form | open \"portfolio gallery/index.html\" |
| [product catalog](product catalog/) | TechShop product catalog | catalog.html | Two tables (Electronics/Accessories) | open \"product catalog/catalog.html\" |
| [Registration form](Registration form/) | Generic user registration form | index.html | Text/email/password/tel/radio/checkbox/file/textarea | open \"Registration form/index.html\" |
| [resume html](resume html/) | Ankush Naruka's resume | ankush resume.html | Sections: objective/education/skills/projects/experience | open \"resume html/ankush resume.html\" |
| [simapal landing page](simapal landing page/) | Simpal business landing page | landing.html | Services list, contact form | open \"simapal landing page/landing.html\" |
| [web dev](web dev/) | TechAnsh minimal profile | index.html (+style.css) | Profile, contact, social links | open \"web dev/index.html\" |
- Open any
.htmlfile in a browser (Chrome/Firefox). - Use VSCode: Right-click file → "Open with Live Server".
- CLI:
open \"path/to/file.html\"(Mac) orstart path/to/file.html(Windows).
- Add CSS/JS responsiveness.
- Deploy to GitHub Pages/Netlify.
- Combine into a mega-portfolio site.
Total Files: ~25 (HTML + CSS) | Built with ❤️ using HTML/CSS | © 2025 Ankush Naruka
Generated by BLACKBOXAI analysis of all project files.