https://github.com/khaledkamr/front-end-templates

This repository contains HTML and CSS-only templates showcasing responsive layouts, styling techniques, and a custom CSS framework. Perfect for practicing front-end fundamentals and exploring creative designs without JavaScript.
https://github.com/khaledkamr/front-end-templates

bootstrap css html

Last synced: 3 months ago
JSON representation

This repository contains HTML and CSS-only templates showcasing responsive layouts, styling techniques, and a custom CSS framework. Perfect for practicing front-end fundamentals and exploring creative designs without JavaScript.

• Host: GitHub
• URL: https://github.com/khaledkamr/front-end-templates
• Owner: khaledkamr
• Created: 2024-10-08T05:08:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-15T12:50:10.000Z (over 1 year ago)
• Last Synced: 2025-01-30T11:27:19.870Z (over 1 year ago)
• Topics: bootstrap, css, html
• Language: HTML
• Homepage:
• Size: 43.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Front-End Templates

This repository contains a collection of front-end templates created using HTML and CSS only. These templates are designed to showcase various styling techniques and layout challenges, providing examples of clean, responsive designs without JavaScript. Each template is deployed for easy viewing and demonstration.

## Templates Overview

1. **Template One**  

   A minimalist design that emphasizes layout fundamentals and responsive styling techniques.

2. **Template Two**  

   Features a visually appealing grid layout with unique hover effects, ideal for portfolio or gallery pages.

3. **Template Three**  

   Implements a flexible, multi-column layout focusing on text alignment, readability across screen sizes, and subtle animations to enhance user engagement.

4. **Template Four**  

   A fully styled template using a custom CSS framework developed in-house, containing reusable classes to streamline styling.

5. **Template Five**  

   Built using the Bootstrap framework, this template demonstrates the power of Bootstrap's utility classes and responsive grid system. 

## References

- **[HTML & CSS Practice](https://elzero.org/category/courses/html-and-css-practice/)**

- **[Bootstrap Designs](https://elzero.org/category/courses/bootstrap-designs/)**