About

HTML-Template-Clean---No-Frameworks-

About

This project has one main purpose to use as fewer resources as possible Most templates are built using Bootstrap, Jquery, Font awesome, and many other resources and that affects the page load speed.

Author

• Kim Majali
• Europe IT Outsourcing
• https://www.europeitoutsourcing.com

Technologies

• HTML
• CSS
• JavaScript

Tools

• Github https://github.com/
• Visual Studio Code https://code.visualstudio.com/
• HTML Syntax Checker  Ctrl + P and then paste ext install HTMLHint
• СSS Syntax Checker  Ctrl + P and then paste ext install csslint

Standards

• HTML Validation https://validator.w3.org/
• CSS validation https://jigsaw.w3.org/css-validator/
• Cross-browsing https://www.browserling.com/
• Mobile friendly https://search.google.com/test/mobile-friendly
• Code formatting (Shift + Alt + F)

Specifications

• The grid system is using Flexbox - no float https://getbootstrap.com/docs/4.1/layout/grid/
• CSS Variables are used for colors, size, rounded, padding, shadow on hover, bordered, top|half|bottom bordered

Contents

Base:

• Head code
• Variables, colors, size, rounded, padding, shadow on hover, bordered, top|half|bottom bordered
• Layouts, wide, full- width, boxed, 1,2,3,4 columns
• grid 1,2,3,4,5,6 columns
• typography

Basic Elements:

• Headings
• buttons
• Labels and budgets
• dividers
• Quotes
• Tables
• Pagination
• Alerts
• Promo boxes

Complex Elements:

• Menus
• Cards
• toggles and accordions
• Tabs
• Parallax
• process steps
• Maps

Visual elements:

• Carousel
• Slider
• Galleries
• lightbox
• Video embed
• Thumbnails

Form elements:

• Form elements
• data picker
• range slider
• Star rating
• Select picker
• select splitter
• radio and checkbox

Sections:

• Promo boxes
• Header
• Side Panel
• Page Header
• Footer
• Sections

Widgets:

• Pricing table
• Features list
• Testimonials
• Clients list
• Services list

Main Pages:

• Contact us
• Coming soon
• About us
• Team
• Faq
• Services
• Login and register
• Under maintenance
• 404
• sitemap
• User profile

Portfolio and Blog Pages:

• Portfolio showcase
• Portfolio single project
• Blog category
• Blog single post
• Author page

Shop and Event Pages:

• Job Opening
• Event list
• Single event
• Shop
• Shop single product
• cart
• Checkout

Home Pages:

• corporate
• Other companies
• Blog
• Shop
• Landing Pages

Other elements:

• Modal & Tooltips
• Charts
• Counters
• Icons
• Social icons
• sticky element
• Typewriting
• Animation
• Charts

Advanced:

• AMP
• Markup Structure Data
• Knowledge Graph
• Open Graph