Learn web design | Free templates

 DOWNLOAD   Output file The font-size value can be an absolute, or relative size. Absolute size: Sets the text to a specified size Does not allow a user to change the text size in all browsers (bad for accessibility reasons)  Absolute size is useful when the physical size of the output is known Relative size:  Sets the size relative to surrounding elements  Allows a user to change the text size in browsers

 DOWNLOAD  Output file CSS Outline An outline is a line that is drawn around elements (outside the borders) to make the element "stand out". However, the outline property is different from the border property. The outline is not a part of an element's dimensions; the element's total width and height is not affected by the width of the outline. All CSS Outline Properties The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

 DOWNLOAD output file You can define an inline frame with the <iframe> tag. The <iframe> tag is not used within a <frameset> tag. Instead, it appears anywhere in your document. The <iframe> tag defines a rectangular region within the document in which the browser displays a separate document, including scrollbars and borders.

 DOWNLOAD Output file CSS Border Properties Border Style  The border-style property specifies what kind of border to display. None of the border properties will have ANY effect unless the border-style property is set! border-style values: none: Border Width The border-width property is used to set the width of the border.  The width is set in pixels, or by using one of the three pre-defined values: thin, medium, or thick. Note: The "border-width" property does not work if it is used alone. Use the "border-style" property to set the borders first. Border Color The border-color property is used to set the color of the border. The color can be set by:  name - specify a color name, like "red"   RGB - specify a RGB value, like "rgb(255,0,0)"   Hex - specify a hex value, like "#ff0000" You can also set the border color to "transparent". Note: The "border-color" property do...

 DOWNLOAD   Output file LIST TAGS  Three different types of lists are used in HTML.  Unordered list , Ordered list , Definition list. Unordered List:  In an unordered list, the items are listed in an unordered fashion. Basically, in an unordered list, two main attributes are used, viz., ID and TYPE. The following table gives the description of attributes However, if you don't specify any type in an unordered list, the default type will be disc bullets. Ordered List:  In an ordered list, items are listed in an orderly fashion. Like an unordered list, an ordered list also has the basic attributes ID and TYPE. Following table gives the description of the attributes of an ordered list.  However, if you don't specify any type in an ordered list, the default type will be Numbers. A Definition list is one in which definition or description of the items are given. A Definition list is defined by<dl>tag. The items are encoded ...

 DOWNLOAD   Output File

 DOWNLOAD Output File

 DOWNLOAD  Output File

 DOWNLOAD  Output File ID's area unit distinctive Each component will have only 1 ID Each page will have only 1 component therewith ID When I was 1st learning these things, I detected over and over that you simply ought to solely use ID's once, however you'll use categories over and over. It essentially went in one ear and out the opposite as a result of it plumbed a lot of sort of a sensible "rule of thumb" to ME instead of one thing extraordinarily necessary. If you're strictly AN HTML/CSS person, this perspective will persist as a result of to you, they extremely do not appear to try to to something completely different. Here is one: your code won't pass validation if you employ constant ID on quite one component. Validation ought to be necessary to all or any folks, in order that alone may be a huge one. We'll re-evaluate a lot of reasons for individualism as we have a tendency to continue. Classes don't seem to be distinctive Y...

 DOWNLOAD Corporate promoting Tri-Fold booklet ( is incredibly simple to use and alter text,color,size,look and everything as a result of i created it on creative person and enclosed Eps, Ai & PDF file thus please don’t worry regarding ever-changing FEATURES. 300 DPI Print Ready! CMYK Color mode Full Editable, Layered High Regulation Use google fonts Adobe creative person Ai and Eps Formate File enclosed PDF File enclosed IN THE computer file WHAT enclosed FOR YOU? Illustrator .eps and .ai file enclosed Illustrator (CS & CS6) file format Everything pretty simple Different item enclosed in numerous file US LETTER Size eight.5×11.0 Inc Use 0.25 Bleed

 DOWNLOAD Tri-Fold book – useful style is incredibly simple to use and alter text,color,size,look and everything as a result of i created it on creative person and enclosed Eps, Ai & PDF file thus please don’t worry regarding dynamic FEATURES. 300 DPI Print Ready! CMYK Color mode Full Editable, Layered High Regulation Use google fonts Adobe creative person Ai and Eps Formate File enclosed PDF File enclosed IN THE master file WHAT enclosed FOR YOU? Illustrator .eps and .ai file enclosed Illustrator (CS4) file format Everything pretty undemanding Three beautiful color variations Different item enclosed in numerous file US Paper Size eight.5×11.0 inc Use 0.25 Bleed

  LIVE DEMO       DOWNLOAD Spa a Beauty and Spa class Flat Bootstrap Responsive internet model Spa may be a clean, flat Beauty and Spa class utile model for Beauty Parlours, Beauticians, Spa’s, Massage Parlours etc . It are often bespoken to suit as per your needs. This model is build victimization Responsive bootstrap grid system, clean css hover effects for internet and Mobile model. Spa internet model supports internet, Smartphones and Tablets. Spa comes with a free Flat Responsive internet style model. you'll be able to use this model for any kind of Beauty and Spa class websites. This internet model is made in a very Fancy vogue but it are often used as per the user needs. Spa designed with a clean flat grid system. Download, Share and rejoice. Template data Template Name : Spa a Beauty and Spa class Flat Bootstrap Responsive internet model Licence: Life Time Free Licence below artistic Commons Attribution three.0 Unported. Unlimited Use, suppl...

  LIVE DEMO      FREE DOWNLOAD Tour arrange a Travel Guide Flat Bootstrap Responsive internet guide Tour arrange could be a clean, flat and skilled Travel class guide for Travel Agencies and traveler Planners designed by W3Layouts. It comes with a free Flat Responsive internet style guide. This HTML5 CSS3 free internet guide may be used for any form of Travel websites like Cleartrip, Makemytrip, Expedia, Travelguru and lots of additional. This guide is constructed on Bootstrap Responsive style. This multiple pages travel internet guide is constructed in an exceedingly Fancy vogue but it may be made-to-order as per the user necessities. Tour arrange is meant with an excellent colour scheme and sensible grid form of parts. Tour arrange is compatible in internet, Smartphones and Tablets. Tour arrange one page cross browser compatible responsive guide may be the simplest alternative for any travel web site, be it Domestic or International. Download, Share and hav...

  LIVE DEMO      DOWNLOAD To strengthen and nourish tresses, women use hair care merchandise of superior quality. So, it is vital to represent your store as a chic one to draw in their attention. Here may be a theme which will contribute to the current endeavor. because of its style combining attractive mental imagery and thought out structure, your resource can have a high notch image on the net. searching through photos of models with luxuriant hair, guests of your web site can get a sway that your merchandise will keep their locks luscious and glossy. Such an inspiration may be a essential issue to inspire the audience for looking at your store. As pink is taken into account to be the foremost appropriate color for beauty connected sites, it has been chosen for buttons, sale tags, and different page components of this example. Moreover, pink may be a female hue, that is why your portal can charm to members of the honest sex if you select this theme.

  LIVE DEMO      DOWNLOAD Peacock  || utile Responsive Shopify theme could be a New Shopify theme for utile. though our demo have Watches and Fashion vogue, however you'll be able to use it for any vogue, any ideas.It straightforward to put in and customise. Forfel conjointly support Responsive style, Unlimited Color, Language Translator can assist you change/stranslate the sample text to your text straightforward and quickly. With multiple currency, your look will show several currency oppressor. And lots of Google Fonts. In this theme, we tend to enclosed a number of superb options like Mega menu will show product tabs, Autocomplete suggestions Search, Advanced product filters, Recently viewed product. once customers browsing product, they'll read product detail quickly with mythical being fast read or add product to pushcart quickly & simply with mythical being Cart feature still as add product to listing with mythical being listing. Out theme c...

LIVE DEMO      DOWNLOAD HAZE may be a vivacious, responsive one page optical phenomenon theme designed on the Bootstrap three framework. It includes a range of distinctive jQuery scripts yet as many premium ones. Features embrace Built on the Bootstrap three Framework 100% Responsive The wonderful Revolution Slider Incredible Animated components – Cre-animate.js Custom titled Google Maps Over 800+ Font Icons Parallax Backgrounds Clean Code, totally Commented Pricing Tables Milestone Counters Portfolio and diary Sections 6 awful Button designs NiceScroll Scrollbar Form Validation Incredible Galleries with PrettyPhoto Unique Page Loader Isotope Filtering/Sorting Script Sticky Navigation Google Fonts Contact-Form.php – type Handling Script – NEW

LIVE DEMO       DOWNLOAD Your Fitness could be a fashionable theme designed chiefly for Sport Clubs, Health Clubs, Gyms, Fitness Centers, Personal Trainers and different sport and health connected clubs and it's appropriate for any reasonably sport activity websites. It’s designed on grid and might be simply reborn into responsive WordPress, Joomla, Drupal theme. The file is absolutely organized, thus you may simply customise everything. hypertext markup language theme includes everything you wish for the web site development like contact page, blog pages, about, classes, elbow grease and different necessary style parts. This guide also can be used for the other form of web site, particularly for sports, karate, dancing, spa, events etc.

  LIVE DEMO      DOWNLOAD Introduction ARCO is AN one page markup language example, it created with specific options for design. Some choices enclosed in template: Template mode: Static part Animate part Color theme: Orange Gold Magento Violet Green Changelog Version 1.1 Add button to prime Add validate for contact type Fixed: menu on Ipad portrait

Aqualoa may be a latest Wordpress theme that we've got designed to assist you rework your store into a gorgeous on-line salesroom. this is often a totally responsive Magento theme, with multiple versions for homepage and multiple templates for sub pages furthermore. With our free enclosed in-house extensions like Mega menu for main menu, totally responsive slider for featured merchandise, we have a tendency to provided you power to showcase merchandise simply. Please give North American nation your feedback, thus we have a tendency to could embrace them in future updates. Thank you for your business and support.   LIVE DEMO       DOWNLOAD

With such exquisite email templates it’s troublesome to not have a productive email campaign! the planning manages to form a chic setting beginning with a very white background and high-quality pictures combined with blocks of texts that permit you to gift your supply. Like all fashionable email templates on the market, this style is 100 percent responsive and supports crossbrowser compatibility. this implies that each one your customers are able to scan it and even additional, you'll have access to knowledge from MailChimp and Campaign Monitor.   LIVE DEMO      DOWNLOAD

This modern Education Drupal example is supposed for effective net promotion of any institution. the primary factor that catches the attention is that the combination. it absolutely was designed in white and purple tones that build it rather attention-grabbing and distinctive. The second factor that pulls attention could be a non-standard placement of parts at the highest of the page. The responsive layout permits the location to perform properly on any device, thus smartphone users will not have troubles browsing your online page. Moreover, there'll be no difficulties once customizing this SEO-optimized example thanks to the intuitive admin panel and advanced theme choices . a full bunch of further Drupal modules will are available handy. additionally, at the lowest there's a Google map , which can facilitate your website guests find your university.   LIVE DEMO       DOWNLOAD

  LIVE DEMO       DOWNLOAD CONTAINS each PURE hypertext mark-up language AND PHP (PHP INCLUDES ONLY) VERSIONS OF watcher CORE FEATURES: Multilingual Flag oppressor “Revolution Slider” script enclosed at no cost, $12 VALUE 100% Responsive Retina prepared Fully customizable Many colours / Skins Boxed/Wide Layout Sidebar Right/Left/No anyplace Font awing Icons Integration Advanced Portfolio 500+ Google Fonts SEO Entire Set of 30+ PSD’s Custom Widgets “Recommend This” buttons Breadcrumb Navigation Custom Titlebars Pricing Table Countdown FAQ 4 diary Post Formats 4 Portfolio Layouts Google Maps Integration

ShineBlog could be a clean ,unique and artistic diary hypertext mark-up language example. ShineBlog can be a light-weight bright blog example, tailored to showcase your content in Associate in Nursing effortlessly unchanged vogue. boast common choices sort of a full-width Instagram footer house, a showstopping featured house slider. this can be a really clean hypertext mark-up language diary example.               LIVE DEMO        DOWNLOAD HTML Files 5 Home layout, Single product page, Single diary Page, All diary page, About us Contact Us, Post Slider, This example contained following Features: Modern and artistic style, Pixel excellent, Well bedded & classified in a very Logical Manner, Based on Bootstrap 1170px Grid System, Uses free Fonts (Google Fonts), Post Slider, ...and much a lot of options !,

MULTIPURPOSE HTML5/CSS3 RESPONSIVE model Altea may be a paralax one page that comes in three versions (corporate, agency and app landing page) with ten pre-made color schemes. the company version includes a free exclusive custom created Infographics (AI). We accessorial plenty of handfull choices which will assist you create your web site distinctive and ideal for any reasonably project.   LIVE DEMO      DOWNLOAD

Q artistic is fancy, it'll work absolutely wherever there’s style! Below we have a tendency to place along a listing of areas tailored created for the Q: agency, studio, fashion, photography, video production, motion style, product style, restaurant, cuisine, blog, gym, fitness, fine arts,, beauty parlor, spa, portfolio, music, television, media, theatre, museum, gallery, illustration, industrial style, make-up, hair styling, jewellery, amusement, graphic style, web design, game style, interior style, design, acting, multimedia, landscape style, costume style, school, hotels, resorts, vacations, holidays, cafe, bakery, cakery, modeling, fitness, blogging Built with HTML5 / CSS3 / JS Only the newest technologies were employed in building The letter of the alphabet Creative: HTML5, CSS3 and Javascript. Time to explore the graceful, optimized and interactive expertise the letter of the alphabet artistic needs to provide.   LIVE DEMO       DOWNLOAD En...

Radhuni may be a good for any eating place, alittle eating place, Food deduct, Drive through, Street Food, Food Court, Bakery, Pastry look, coffeehouse, Tea Stoll, line of work Service any Food business and private cook internet sites. Radhuni options Clean and skilled style Cross Browser Compatible Fully Responsive Fresh and Clean Code. Valid HTML5 & CSS3 Google Map Well Documented We area unit prepared Here twenty four Hours Support for You.   LIVE DEMO      DOWNLOAD

Landbox could be a trendy and inventive templet, suited to any variety of businesses or organizations. it's extremely super versatile, with a clean and skilled style. Landbox is that the excellent templet to create an excellent web site for your company. Key options of the templet 100% Responsive Layout BootStrap Latest Version 117 hypertext markup language Templates 18+ Home pages 75+ shortcodes Revolution Slider 6+ menu variation Amazing Megamenu Neat, clean and easy style Well Commented hypertext markup language & CSS files Google net Font OWL Carousel Font awful Icon Creative and trendy Flat style, a lot of prospects Fully compatible for all major browsers like Firefox, Safari, Chrome, Vivaldi, net human 9+ Well Documented and much more…   LIVE DEMO       DOWNLOAD

Edda – could be a trendy and inventive responsive hypertext mark-up language model, utile and might be utilized by freelancers, agencies, photographers and additionally different completely different businesses. The model is quick and straightforward to use with clean code. Features: Responsive Clean code Valid hypertext mark-up language pages Modern style Easy to edit Cross browser compatible If you wish the model please don’t forget to rate it :) thanks  LIVE DEMO        DOWNLOAD

The box-shadow CSS property will add a shadow beneath associate degree HTML component thus it's am fond of it is raised on top of the opposite HTML components within the page, virtually like 3D. The offsetX and offsetY parameters specify what quantity the shadow is to "stick out" from the hypertext mark-up language part. The offsetX parameter specifies the gap on the coordinate axis and also the offsetY specifies the gap on the coordinate axis. you'll use each positive and negative numbers to manage wherever the shadow is displayed. The box-shadow CSS property takes five parameters. The format seems like this: < !DOCTYPE html > < html > < title > 2D < /title > <h ead > < style > div{  height:200px; width:200px; border:2px solidgray; border-radius:20px; box-shadow:20px 10px 20px black , 30px 20px 30px green; background:-webkit-linear-gradient(rgba(200,120,220,0),rgba(200,220,20,1)) ...