World Website Design & Development Services + Logo, Brand, Business Card & Graphic Design
Creative, Functional, Affordable
World Web Design & Development Services / Fully Responsive, Dynamic / Last Technology / Creative /
Website Designing & Development, Grow your website with a unique website > (Inovative web design, Robust web development, perfect solution for your business) > We deliver first class, innovative web design & development solution. At WebNewArt (Weaver), we follow a very simple process- plan, design, develop, test & deploy / You can make your creative website through us at cheapest rate / With our strong roots, your business will sprout success / A new web experience for you. / Unique web design, attractive web design, interactive web design & prestigious web design /
Capivating & Appealing Design. Make your website user friendly for bette user interaction & satisfaction / We build creative, effective & professional websites /
Creative, Functional, Affordable / Design, Coding, Deploy, Support, Analysis / Designs, Concepts, Solutions / Internet / Online / E-Commerce / Content /
Graphic Design / Logo Design / Visit Card Design / Quality / Style / Accessibility / Optimization / Responsiveness / Structure / Graphic / Typography / Web Application Development / Strategy / Usability, Better experience, Responsive, Brand image /
Mobile App development / Mobile Application / SEO / Searchh Engine Friendly / Mobile, Tablet, Desktop / Idea / Passion / Open Source / The future of the web is here / Creativity is we all are about / Customized Software Development & Mobile Apps /
The future of the web is here / Creativity is what we are all about. Do what you like and let us do the rest / We know the value of your business, we help you in making your dreams come true / Advanced web development solutions with a focus on latest trend /

HTML / Layout

Website Layout Using HTML5 Semantic Markup

Website Layout Using HTML5

Source: ""

Layout Image
Fig 1: Website Layout Using HTML5

Using HTML5 semantic markup

Source: "Exam_Ref_70-480_Programming_in_HTML5_with_JavaScript_and_CSS3"

Layout Image
Fig 2: Using HTML5 semantic markup

Core structure of an HTML5 page

Source: "Exam_Ref_70-480_Programming_in_HTML5_with_JavaScript_and_CSS3"

Layout Image
Fig 3: Core structure of an HTML5 page

HTML5 semantic elements

Source: "Exam_Ref_70-480_Programming_in_HTML5_with_JavaScript_and_CSS3"

Layout Image
Fig 4: HTML5 semantic elements


  • - Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.
  • - Content should be placed within columns, and only columns may be immediate children of rows.
  • "section" & "article" elements

  • header: Used to contain the header content of a site.
  • footer: Contains the footer content of a site.
  • nav: Contains the navigation menu, or other navigation functionality for the page.
  • article: Contains a standalone piece of content that would make sense if syndicated as an RSS item, for example a news item.
  • section: Used to either group different articles into different purposes or subjects, or to define the different sections of a single article.
  • aside: Defines a block of content that is related to the main content around it, but not central to the flow of it.

Services provided by WebNewArt

Start your design adventure with “Web New Art”, where creativity meets technology.

WebNewArt integrated creative and production website, focused on Novelty, Beauty and Connectivity.

We have one aim: to help you grow your business.