Before you startThis tutorial assumes some basic experience with HTML, CSS, andJavaScript. It assumes that you are aware of what an HTML element ortag is, what an attribute means, the basic syntax of HTML markup, thegeneral structure of a Web page, and so on. In terms of CSS, you areexpected to be familiar with element, class, and ID-based selectors,the syntax of a CSS property, and how to include CSS in your Web pagesusing inline or external stylesheets. Finally, it is assumed that youhave some working knowledge of JavaScript, such as what a variable,function, if statement, and for loop is, as well as how to includeJavaScript code in your Web pages. If you feel that you need to brushup on any of these technologies before you begin, skip ahead to thesection for some usefultutorials and articles that will bring you up to speed on the basicsof HTML, CSS, and JavaScript development. About this tutorialOver the past ten years or so, concepts such as Web 2.0, Rich InternetApplications (RIAs), and the Semantic Web have all pushed HTML, CSS, andJavaScript to and beyond their limits, often relying on plug-ins suchas Adobe® Flash to power components such as video and audio, as well ashighly graphical and interactive applications.
The Adobe Flexdevelopment framework, Microsoft®'s Silverlight platform, and JavaFXhave all looked to provide support where HTML's weaknesses madedevelopers' lives difficult. With HTML5, however, the markup languageis striking back, with full multimedia support, local storage andoffline application support, a native 2D drawing API, and a host of newapplication development APIs, all provided with the intent of provingthat HTML, CSS, and JavaScript can provide a rich front end to yourWeb sites and applications.HTML5 is widely regarded as one of the most important new technologiesscheduled to emerge in 2010, and there are already several books beingwritten on the subject, some of which are due to be published as earlyas March of this year.
For many years, the Web has relied on externalplug-ins to deliver features that cannot be natively supported by theWeb browser, particularly in terms of 2D drawing, animation, andmultimedia. The latest versions of the HTML and CSS specification aimto remove the need for these additional browser components tofacilitate such features, as well as reduce the amount of JavaScriptrequired (or removing the need for JavaScript entirely, in some cases)for such trivial things as row drag and drop, row striping, and more.Follow along in this tutorial to learn how to take advantage ofHTML5.
PrerequisitesHTML5 is a relatively young specification, and as a result, browsersupport is quite limited (at the time of writing). The code presentedin this tutorial is built to be as cross-browser compatible aspossible, but some features will not work in all browsers.
Anyfeatures that are currently browser-specific will be clearlyidentified in the tutorial. To ensure that you can experience all ofthese new features, it is recommended that you install the latestversions of the following Web browsers on your system when developingHTML5 and CSS3 applications:.You do not need any specific software to write HTML and CSS code; anybasic text editor will do (such as Notepad, vi, emacs, and so on.) Inthis tutorial, it is assumed that the is stored in adirectory on your local computer—you do not need to use a Web serveror upload the files to a Web hosting service. New features in HTML5In this section, you will discover some of the great new features thatHTML5 has to offer. You will first learn about the new semanticelements that aim to give meaning to the various parts of a modern Webpage: headers, footers, navigation bars, side bars, and so forth.
Next,you will learn about the important new elementand the 2D drawing JavaScript APIs that you can use to create shapes,text, animations, transitions, and more. Following this, you will seehow the new and elementsintend on replacing the Web's current dependency on Flash as amultimedia delivery platform. Next, you will be introduced to thelocal storage APIs and offline applications support that will furtherbring Web applications in line with their desktop counterparts interms of functionality, even when not connected to a network or theInternet. This section is wrapped up with a brief overview of theother new elements, attributes, and APIs that are proposed in thecurrent HTML5 specification. Develop skills on thistopicThis content is part of a progressiveknowledge path for advancing your skills. See Semantic elementsThe HTML5 specification includes a series of new semantic elements thatis used to give some meaning to the various sections or parts of aWeb page, such as a header, footer, navigation, and so on. In previousversions of HTML, you would typically use elementsto create these parts, using ID or class attributes to differentiatethem from each other.
The problem with this is that this has nosemantic meaning, as there are no strict rules defined that specifywhat class names or IDs are to be used, making it extremely difficultfor software to determine what the particular area is doing. HTML5should help alleviate these issues, making it easier for Web browsersto parse the semantic structure of a document.It is worth pointing out that continuing to use elements in HTML5 is perfectly valid, but in order to future-proofyour work, it is recommended that you use semantic elements whererelevant.
On the other side of the coin, it is also suggested that youavoid using these new elements for purposes other than their intended.For example, the element should not be used forjust any group of links; it is intended to surround the mainnavigation block on the page.The main semantic elements that HTML5 introduces are: This element is used to define a header for some part of a Webpage, be it the entire page, an element,or a element. Like the element, this new element definesa footer for some part of a page. A footer does not have to beincluded at the end of a page, article, or section, but ittypically does. This is a container for the primary navigation links on a Webpage. This element is not intended for use with all groups oflinks and should be used for major navigation blocks only.
If youhave a element that contains navigationlinks, you do not need to wrap these links in a element, since the element will suffice on its own. The element is used to define anindependent item on the page that can be distributed on its own,such as a news item, blog post, or comment. Such items aretypically syndicated using RSS feeds. This element represents a section of a document or application,such as a chapter or a section of an article or tutorial. Forexample, the section you are reading now could be surrounded by a element in HTML5. Elements typically have a header, although it is not strictlyrequired. The header for the section you are reading now wouldcontain the text 'Semantic elements,' for example.
This new element can be used to mark up a sidebar or some othercontent that is considered somewhat separate to the content aroundit. An example of this might be advertising blocks.
In some cases, a page, article, or section may require more thanone heading, such as where you have a title and a subtitle. Thistutorial, for example, has the title 'Create modern Web sitesusing HTML5 and CSS3' and the subtitle 'Implementing the canvasand video elements in HTML5.' You could wrap these inan element, using an element for the main title and an element forthe subtitle.The sample Web site at the end of this tutorial includes several ofthese new semantic elements, and I will explain their syntax and use in more detail at that point.
The elementThe element was originally developed by Apple®for use in Mac OS X Dashboard widgets and in Safari, but was lateradopted by Mozilla® and Opera® in their Web browsers. The element hasbeen standardized and included in the HTML5 specification, along witha series of 2D drawing APIs that can be used to create shapes, text,transitions, and animations inside the element.Many believe that the element is one of the mostimportant aspects of HTML5 as it facilitates the production of graphs,interactive games, paint applications, and other graphics on the flywithout requiring external plug-ins such as Adobe Flash.The element itself is quite basic, defining thewidth, height, and unique ID for the object. The developer must thenuse a series of JavaScript APIs to actually draw objects on thecanvas, typically when the Web page has finished rendering.
These APIsallow the developer to draw shapes and lines; apply color, opacity, andgradients; create text; transform canvas objects; and performanimation. The APIs also allow the to beinteractive and respond to user input such as mouse events and keyevents, facilitating the production of games and Web applications onthe canvas.
You will see an example of the element in action in the sample HTML5/CSS3 Web site later in thistutorial. Playing and In recent years, the popularity of video sharing sites such as YouTubeand content delivery platforms like Hulu has seen a huge explosion inthe use of the Web for multimedia streaming.
Unfortunately, the Webwas not built with such content in mind, and as a result, theprovision of video and audio has by and large been facilitated by theFlash Video (.flv) file format and the Adobe Flash platform.HTML5, however, includes support for two new elements, and, which allow Webdevelopers to include multimedia content without relying on the userto have additional browser plug-ins installed. Several browsers,including Mozilla Firefox, Apple Safari, and Google Chrome, have begunsupporting these new elements and providing standard browser playbackcontrols, should the user choose to use them.
In addition, a set ofstandard JavaScript APIs has been provided to allow developers tocreate their own playback controls, should they wish to do so. A keyadvantage to native multimedia playback is that it theoreticallyrequires less CPU resources, which can lead to energy savings.A key issue with these new multimedia elements, however, is the fileformats supported by each browser and the patent licensing issues thatgo along with the various codecs that these files can be encodedwith. Mozilla and Opera want to use the open source Theora videocontainer and codec, which does not require patent licensing for theinclusion of the codecs in the Web browser. On the other hand, Appleand Google are not happy with the quality of Theora, particularly forthe delivery of high definition (HD) content on the likes of YouTube.They prefer the H.264 codec, typically contained in MP4, MOV, or MKVfiles.The issue is not just with video however, as the same problems residewith audio codecs. The MP3 and AAC formats are restricted by patents,whereas the Vorbis format is not.
The problem with Vorbis audio isthat it is not in widespread use, as portable media players and manymedia software applications do not support it.There are many decisions to be made about HTML5 and in the near future, and it will beinteresting to see what codecs and formats are facilitated in thefinal recommendation. In the meantime, you can try to support allbrowsers by making video available in a variety of formats and byproviding Flash video as a fallback. Let's hope that a final decisionis made, and that it is not left to browser vendors to decide whichformats to support, as that would essentially render these newelements useless.Again, you will see the element in action laterin this tutorial. Local storage and offlineapplicationsWeb developers have traditionally used cookies to store information ona visitor's local machine, allowing a Web page to read thisinformation back at a later point. While cookies are very useful forstoring basic data, they are limited by the fact that Web browsers arenot required to keep more than 20 cookies per Web server or more than4KB of data per cookie (including both name and value). In addition,they are sent to the Web server with every HTTP request, which is awaste of resources.HTML5 provides a solution for these problems with the Local StorageAPIs, which are covered in a separate specification to the main HTML5document.
This set of APIs allows developers to store information onthe visitor's computer while remaining reasonably confident that theywill still be there at a later date. In addition, the information isaccessible at any point (even after the page has rendered) and is notloaded automatically with each HTTP request. The specificationincludes same-origin restrictions, which prevent Web sites fromreading or changing data stored by other Web sites.Most browsers store Web pages in local cache, allowing them to beviewed even if the user is offline.
This works fine for static pages,but it is not available for dynamic content that is typicallydatabase-driven, such as Gmail, Facebook, or Twitter. HTML5 providessupport for offline applications, where the browser downloads all thefiles necessary to use the application offline, and when the user usesthe application offline, the browser can allow any changes made in the processto be uploaded to the server when they reconnect to the Internet. Web form enhancementsIf you have created Web applications before, you are more than likelyfamiliar with HTML's set of form controls, some of which areimplemented using the element. In HTML 4, thefollowing input types were supported:.
button. checkbox. file. hidden. image.
password. reset. radio. submit.
textIn addition, there are some other elements that are used in forms suchas. These formcontrols provide plenty of function for basic form fields such asname, phone number, and address—like you might find on a contactform. But, the Web as a platform has grown far beyond the stage whereHTML forms are used to submit contact forms—now they are used tosubmit application data for server-side processing.
As a result, Webapplication developers find themselves continually in need of somemore sophisticated form controls, such as spinners, sliders, date/timepickers, color pickers, and so on.In order to tap into these types of controls, developers needed to usean external JavaScript library that provided UI components, or elseuse an alternative development framework such as Adobe Flex, MicrosoftSilverlight, or JavaFX. HTML5 aims to fill some of the gaps left by itspredecessor in this space by providing a whole range of new forminput types:. color. date.
datetime. datetime-local. email.
month. number. range.
search. tel. time.
url. weekAt the moment, support for these new form fields is quite limited. TheMobile Safari browser on the iPhone makes use of some of these newtypes to change the type of keyboard presented to the user (forexample, with the e-mail type, the @ symbol and.com shortcuts will beshown). Also, Opera provides some new widgets for many of thesecontrols, including a spinner for the number type and a calendar datepicker for the date-related types.
The most widely available type ofthese new offerings is the range type, which is rendered as a sliderby Opera, Safari, and Google Chrome.In addition to these new input types, HTML5 also supports two major newfeatures for form fields. The first of these is autofocus, which tellsa browser to automatically give focus to a particular form field whenthe page has rendered, without requiring JavaScript code to do so. Thesecond enhancement is the placeholder attribute, which allows thedeveloper to define the text that will appear in a textbox-basedcontrol when its contents are empty. An example of this would be asearch box where the developer would prefer not to use a label outsidethe box itself. The placeholder attribute allows the developer tospecify text that will show when the value of the control is empty andthe control does not have focus. An example of this is shown in. The placeholderattribute in action.
You can see the mail icon next to the email field, and the new controlsfor the datetime field. Clicking the spinner drop-down field opensOpera's calendar widget, as shown inbelow. Opera's calendarwidgetYou can also see a rather unattractive slider control as Opera hasrendered it. Frustratingly, however, Opera does not support theborder-radius or box-shadow properties, and as a result, neither ofthese effects has been applied to the form.
Let's open it in Safarinow to see what these CSS3 effects look like (see). Web Form enhancements inSafari.
That concludes the sample page for this tutorial. In this section, youhave used HTML5 and CSS3 to work with the new HTML5 semantic elements,harnessed some of CSS3's pretty new effects, watched video in thebrowser without any Flash plug-in, seen some new form widgets, andcreated a smiley face graphic on a canvas using JavaScript APIs. SummaryThis tutorial serves as a hands-on introduction to HTML5 and CSS3development. HTML5 is very much at an early stage of development, andit will be interesting to see how the new features it proposes areadopted by the different browser vendors. At present, of the majorbrowsers, Opera, Safari, Firefox, and Chrome are providing support formore enhancements with each release, and one would hope to see thebulk of HTML5 features supported by the end of 2010.Several issues may stop HTML5 from becoming widespreadin the near future, however. The first real issue is the lack ofsupport of it from Microsoft's Internet Explorer, the most widely usedWeb browser on the market.
It is unlikely that developers will be ableto test any HTML5 features on IE until the first beta version of IE9is released. At least for now, sites developed for HTML5 degrade quitegracefully on IE8, and with a bit of extra work, fallbacks can be putin place to provide workarounds for IE users.Another major issue is the one surrounding video codecs and containers.The way things stand, the element will notreplace Flash video as the video standard for the Web. With differentbrowsers backing different codecs, it's still much easier to use Flashthan it is to encode your videos for Theora and H.264. Here's hopingthat some kind of breakthrough is made this year on HTML5 video. Insummary, HTML5 and CSS3 are exciting standards, and you can startfuture-proofing your Web sites to be compliant with these newspecifications right now. Following the steps outlined in thistutorial, you should be well versed to move forward and explore someof the other interesting features HTML5 has to offer.
Related topics.' (Adriaan de Jonge, developerWorks, November 2007): While the intention ofboth HTML V5 and XHTML V2 is to improve on the existing versions, theapproaches the developers chose to make those improvements is verydifferent. And with differing philosophies come distinct results. For thefirst time in many years, the direction of upcoming browser versions isuncertain. Uncover the bigger picture behind the details of these twostandards.' (Elliotte Rusty Harold, developerWorks, August 2007): Get an overview ofsome of the new elements in HTML 5.' (David Carlisle, developerWorks, December 2009): MathML is a W3CRecommendation defining an XML vocabulary for marking up mathematicalexpressions.
Your landing page is fundamental in persuading new visitors to take certain actions when visiting your site. Whether it be having users sign up, register, or even buy your product or service, designing an excellent landing page will help you realise this goal.But how do you quickly build a quality landing page? Using a powerful and flexible landing page template may be your best choice. Most HTML5, Bootstrap, and CSS3 templates include features that can help you effortlessly create a page. In addition, web designers and developers readily share free responsive landing page templates on the Internet for you to use. Mockplus has hand-picked 20 of the best free responsive HTML5, CSS3, Bootstrap, and WordPress landing page templates in 2018 that you can quickly implement in your project.5 Best Free Responsive Html5 Landing Page Templates In 2018There are 5 fully customizable and responsive landing page templates for your inspiration.1.
Clymene - Creative Multipurpose HTML/Wordpress TemplateClymene, built with html5 and css3, is a perfect and versatile HTML template for. This multipurpose template has every detail covered, so it’s perfect for everything from bloggers, freelancers and photographers to restaurants, commercial stores and travel agencies. This template makes your portfolio display in a classic grid or in the Pinterest-style masonry layout that maximizes the space on the page, creating a more engaging user experience.Features：. Free WordPress version. One page 3d menu. Pre-built website variants.
Touch swipe support. Mixed masonry and grid portfolio.
Premium slider, slider revolution (worth $14). Ajax and external portfolio page examples built-in2. Sukces - Responsive HTML5 and CSS3 template for Personal Resume CVSukces is a powerful personal resume cv html5 / css3 template based on Bootstrap 3 framework. This template has beautiful design & effects, including video background, slideshow background, blog, a working contact form, lots of useful components, 8 color schemes and effective components, etc. All these features make it perfect for a.
Based on Bootstrap 3, the template is responsive by default and has all the common elements styled, assuring that it will look and work awesomely on any device.Features：. 10 Demo versions. RTL Support. Serif & Sans Serif versions.
Made with SASS. Awesome Documentation. Retina ready. Easy to setup3. Meal - One Page HTML TemplateMeal is a free One Page HTML restaurant template built by Free-Template.co. This template has many unique features, including neat load transitions, an off-canvas navigation, a food menu (with breakfast, lunch, dinner switcher), chef profiles, a customer review slider, reservation form and a smart footer with Google Maps integration. There are lot of made by this template.Features:.
Booking Form. Food Menu.
Google Maps. Load Transitions. Long Scrolling Newsletter.
Team Testimonials4. Tinos - Premium Booking Hotel HTML TemplateTinos is a creative and clean template specially designed and developed for hotels, resorts and room reservations. Tinos has two versions (Dark & Light), both of which features a clean and trendy design. The great combination of the Tinos and Montserrat fonts evokes the feel of luxury to anyone using this template. The design is very creative, unique, and very easy to customize.Features：. 30 HTML files included. Convert files to Wordpress, Joomla or other CMS.
Customize with 1170px grid. Pixel perfect,. Bootstrap Grid5. Housing - Parallax Landing Page Template for Real EstateHousing is modern & clean real estate landing page template for Real Estate. This template can help to convert your visitors into future clients, so it’s popular for real estate developers, architects, agencies or any business related to real estate. The beautiful minimal and clean design provides a pleasant user experience to any user that visits your site. You can even learn a few from this one.Features：.
Landing Page for Real Estate, Architects or Developers. Parallax Effects. Google Map. Bootstrap 4. Responsiveness5 Best Free Responsive Bootstrap Landing Page Templates In 2018A free collection including Bootstrap built landing page, home page, themes and templates.6. Business Casual - A Fully Developed Bootstrap 4 Landing Page Template For Business WebsitesBusiness Casual is a full landing page template created with Bootstrap 4. It is responsive and supports the latest and stable releases of all major browsers and platforms.
It has 4 pre-built HTML pages and a number of different custom-styled components.Features:. Fully responsive. Bootstrap 4. Four pre-built HTML pages. Store hours script that updates with the current day7. New Age - A bold and colorful Bootstrap landing page theme for web apps or other business useNew Age has a Bootstrap landing page theme that helps you showcase your web apps.
Just drop in content, you can easily use HTML5/CSS Device mockups on it. This theme features a bold, colorful and stylish design with various content sections, custom fixed navigation menu with scrolling animations and custom style buttons.Features:. Support the latest, stable releases of all major browsers and platforms. Fully responsive HTML template created with Bootstrap 4.
SASS/SCSS files included for deeper customization options. Semantic markup with nav, sections, and asides. CSS gradient with texture overlay in the header8.
Freelancer - A one page Bootstrap portfolio theme for freelancers featuring a custom portfolio gridFreelancer is a one page Bootstrap portfolio landing page theme for freelancers.It features a fixed top navigation that collapses on scroll, perfectly responsive portfolio grid with hover effects and custom horizontal rules using Font Awesome icons. It’s a fully responsive HTML template created with Bootstrap 4. Moreover, it has a responsive, full screen modal windows for featuring project details.Features:. Flat icons by flaticons.com. SCSS/SASS files and compiled CSS included. Scrollspy on navigation items.
Custom outline button style. Mobile friendly contact form with floating form labels. Easy to edit PHP file to make the contact form send messages. Includes jqBootstrapValidation plugin for contact form validation9.
Appy - App Landing Page HTML Template Based on Bootstrap 1170pxAppy is an app landing page that was designed for selling mobile applications. It has creative, modern design elements, unlimited colors, smooth transitions, backgrounds, Google fonts and Mailchimp integration. It has good customer service with 6 months support. Appy includes every possible element an app landing page should contain.Features:. Lead gen & Click through. Campaign Monitor.
Based on Bootstrap 1170px. Valid HTML5 / CSS3. Retina ready10. Grayscale - A free, multipurpose, one page Bootstrap theme featuring a dark color scheme and smooth scrolling animationsGrayscale, a fully responsive HTML template created with Bootstrap 4, is built to support the latest, stable releases of all major browsers and platforms. It’s a multipurpose, one page website theme and features a dark layout along with smooth scrolling page animations.Features：. SCSS/SASS files and compiled CSS included.
Fixed top navigation that collapses on scroll. Smooth scrolling animations. Scrollspy that highlights active page sections. Custom button styles5 Best Free Landing Page Templates Of Wordpress ThemeWordPress is one of the most popular CMS platforms on the web. Here you will find the best landing page theme for your WordPress website.11. Mcgillis - University Free WordPress landing page theme for Higher EducationMcgillis is a minimalist Wordpress landing page template designed to help users choose a good school.
It’s a free template for education only, so if you are going to create a website for education, it’s your best choice. The best part is the excellent form design, which displays what's awesome about your university and why people should they apply. The inclusion of social proof and authentic testimonial makes this template really useful.Features:.
Industry specific. Wordpress theme.
Responsiveness12. Moto - WordPress Landing Page ThemeMoto is a responsive, clean and modern designed WordPress Theme for landing pages. It features a neat, clean and simple design, unlimited color variation, blog page, Google fonts, font awesome icons, line icons and the like. Of particular note is the fast drag and drop page builder which is also easy to customize.Features:. Valid HTML5, CSS3.
Theme Layout Full Width, Boxed. Built Based on King Composer. Fully Responsive. Well Documented13. Gaze-Responsive Multipurpose WordPress Theme for E-commerceGaze is a premium multipurpose WordPress theme that is designed and developed with simplicity and flexibility in mind. This has over 18 home demos with unique styles and functionality and more than 100 modules and elements.
It best for startup websites, portfolios, digital agencies, business companies, landing pages, online stores and personal websites.Features:. Responsive Bootstrap grid. Built with clean semantic PHP code. File Types include CSS, JS, PHP, PSD. Visual Composer and WooCommerce. PSD Files Included14. Stash - Multi-Purpose WordPress Theme with Visual Composer Block BuilderStash is an intuitive, flexible and powerful WordPress theme for business websites.
It features a pre-made layout which assures your content displays well. The theme includes the most popular premium plugins on the market: Visual Composer, Revolution Slider and Essential Grid.You c an create almost any type of layout by simply using the drag-and-drop interface and tons of pre-built elements.Features:. Built with utility in mind. Ready made layouts. Set of plugins. Translation ready and compatible with the WPML plugin15. Photosy - One Page WordPress ThemePhotosy is a WordPress theme by designed to suit the needs of photography websites of all sizes.
The theme includes the best landing page examples, which feature long-scrolling single page layouts. The most interesting features include intro project carousel, an Instagram feed, blog posts and projects that pop with several options, full canvas view, zoom, full screen, auto-play slideshow and even an option to download the images.Features:.
100% width layout. Big images. Blog feed. Instagram feed.
Best Website Templates Free
Long scrolling. Slider slideshow.
Theme bubble5 Other Landing Page TemplateWe want to share more landing page templates with you to build your own preferred website.16. Atlas - One Page HTML Landing Page TemplateAtlas is a quality freebie by front-end developer Yiya Chen. This free One Page HTML template was built on the Bootstrap Framework and is suited for a clean, long-scrolling landing page.
It includes clear typography, content load transitions, trendy diagonal lines, devices with screenshots, a 3-tier pricing table, client logos and ends with a contact form.Features:. Logos Contact. Form Devices. Diagonal Lines. Load Transitions. Long Scrolling. Pricing Table.
Social Icons17. Product landing page - promotional page website templateProduct landing page is one of the popular template released by WIX. It is designed especially to suit the needs of business websites that have a promotion plan.
This template has a rich interface design and a special commodities section.Features:. Responsive design. Google fonts support. Excellent form design18. Drew - All in One Marketing Landing PageDrew is a robust landing page template that meets all the needs that your landing page requires.
The most exciting thing is the combination of beautiful design & the perfect marketing approach to the web surface, while keep providing the excellent performance and functionality to your end users. Moreover, it includes plenty of components and variations.Features:. Bootstrap Framework (v3.3).
470 Icon Integration. Parallax Effect (optional). Modular CSS Classes. Optimized for Performance. Detailed & Straight Forward Documentation. Subscription Form via Mailchimp Integration19.
Delta - Promote Mobile App (Bootstrap 4)Delta is an HTML5 landing page template which aims to help app developers promote their mobile apps. You can just drop in your content/images and wire up the contact form to quickly build your site for its simplicity and straightforwardness.Features:. Built on Bootstrap 4.
HTML5 + CSS. SCSS source files included. Fully responsive.
3 types of mobile devices20. Prottasha - Bootstrap 4 Charity Landing PageProttasha is a professional HTML5 landing page template designed to suit the need of any charity, non-profit, NGO or donation-based website. It’s made with the latest version of the Bootstrap framework.