awesome-awesomeness/html/landingpage.html

<h1 id="awesome-landing-page">Awesome Landing Page</h1>
<p><a href="https://github.com/sindresorhus/awesome"><img
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
alt="Awesome" /></a></p>
<h2 id="a-series-of-beautiful-and-practical-landing-page-templates">🚀 A
series of beautiful and practical landing page templates</h2>
<p>There are a lot of beautiful landing page templates. They are built
using various front-end technologies. I hope you like them.</p>
<p>If you want to submit your page, please fork this project and submit
a PR.</p>
<h3 id="open-source-project">Open source project</h3>
<ul>
<li><p><a
href="https://github.com/nordicgiant2/react-nice-resume">https://github.com/nordicgiant2/react-nice-resume</a></p></li>
<li><p><a
href="https://github.com/wonderfullandingpage/mylandingpage">https://github.com/wonderfullandingpage/mylandingpage</a></p></li>
<li><p><a
href="https://github.com/nordicgiant2/vue-nice-homepage">https://github.com/nordicgiant2/vue-nice-homepage</a></p></li>
<li><p><a
href="https://github.com/wonderfullandingpage/Technology-LandingPage">https://github.com/wonderfullandingpage/Technology-LandingPage</a></p></li>
<li><p><a
href="https://github.com/wonderfullandingpage/react-exquisite-resume">https://github.com/wonderfullandingpage/react-exquisite-resume</a></p></li>
<li><p><a
href="https://github.com/nordicgiant2/gh-pages-theme">https://github.com/nordicgiant2/gh-pages-theme</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-landing-page">https://github.com/StartBootstrap/startbootstrap-landing-page</a></p></li>
<li><p><a
href="https://github.com/flexdinesh/dev-landing-page">https://github.com/flexdinesh/dev-landing-page</a></p></li>
<li><p><a
href="https://github.com/swcool/landing-page-theme">https://github.com/swcool/landing-page-theme</a></p></li>
<li><p><a
href="https://github.com/nordicgiant2/sn-landing-page">https://github.com/nordicgiant2/sn-landing-page</a></p></li>
<li><p><a
href="https://github.com/nordicgiant2/cool-landing">https://github.com/nordicgiant2/cool-landing</a></p></li>
<li><p><a
href="https://github.com/carlsednaoui/ouibounce">https://github.com/carlsednaoui/ouibounce</a></p></li>
<li><p><a
href="https://github.com/ant-design/ant-design-landing">https://github.com/ant-design/ant-design-landing</a></p></li>
<li><p><a
href="https://github.com/Esri/esri.github.io">https://github.com/Esri/esri.github.io</a></p></li>
<li><p><a
href="https://github.com/tailwindtoolbox/Landing-Page">https://github.com/tailwindtoolbox/Landing-Page</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-new-age">https://github.com/StartBootstrap/startbootstrap-new-age</a></p></li>
<li><p><a
href="https://github.com/cssninjaStudio/fresh">https://github.com/cssninjaStudio/fresh</a></p></li>
<li><p><a
href="https://github.com/dennybritz/neal-react">https://github.com/dennybritz/neal-react</a></p></li>
<li><p><a
href="https://github.com/adrienjoly/landing-page-boilerplate">https://github.com/adrienjoly/landing-page-boilerplate</a></p></li>
<li><p><a
href="https://github.com/vercel/spr-landing">https://github.com/vercel/spr-landing</a></p></li>
<li><p><a
href="https://github.com/smartergiving/free-nonprofit-starter-website">https://github.com/smartergiving/free-nonprofit-starter-website</a></p></li>
<li><p><a
href="https://github.com/kriasoft/AngularJS-SPA-Template">https://github.com/kriasoft/AngularJS-SPA-Template</a></p></li>
<li><p><a
href="https://github.com/amiechen/codrops-scribbler">https://github.com/amiechen/codrops-scribbler</a></p></li>
<li><p><a
href="https://github.com/akashgiricse/templates-using-bootstrap4">https://github.com/akashgiricse/templates-using-bootstrap4</a></p></li>
<li><p><a
href="https://github.com/jglovier/resume-template">https://github.com/jglovier/resume-template</a></p></li>
<li><p><a
href="https://github.com/joashp/material-design-template">https://github.com/joashp/material-design-template</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-one-page-wonder">https://github.com/StartBootstrap/startbootstrap-one-page-wonder</a></p></li>
<li><p><a
href="https://github.com/website-templates/portfolio_one-page-template">https://github.com/website-templates/portfolio_one-page-template</a></p></li>
<li><p><a
href="https://github.com/sproogen/modern-resume-theme">https://github.com/sproogen/modern-resume-theme</a></p></li>
<li><p><a
href="https://github.com/ahmedhamodi/ahmedhamodi.github.io">https://github.com/ahmedhamodi/ahmedhamodi.github.io</a></p></li>
<li><p><a
href="https://github.com/byoungd/Resume-template-for-Coder">https://github.com/byoungd/Resume-template-for-Coder</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-shop-homepage">https://github.com/StartBootstrap/startbootstrap-shop-homepage</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-business-frontpage">https://github.com/StartBootstrap/startbootstrap-business-frontpage</a></p></li>
<li><p><a
href="https://github.com/StartBootstrap/startbootstrap-heroic-features">https://github.com/StartBootstrap/startbootstrap-heroic-features</a></p></li>
<li><p><a
href="https://github.com/micua/home">https://github.com/micua/home</a></p></li>
<li><p><a
href="https://github.com/madzadev/landing-page">https://github.com/madzadev/landing-page</a></p></li>
<li><p><a
href="https://github.com/divyu135/moodify-playlist">https://github.com/divyu135/moodify-playlist</a></p></li>
<li><p><a
href="https://github.com/Tomotoes/HomePage">https://github.com/Tomotoes/HomePage</a></p></li>
<li><p><a
href="https://github.com/happypeter/happypeter.github.com">https://github.com/happypeter/happypeter.github.com</a></p></li>
<li><p><a
href="https://github.com/brikis98/yevgeniy-brikman-homepage">https://github.com/brikis98/yevgeniy-brikman-homepage</a></p></li>
<li><p><a
href="https://github.com/omegasisters/homepage">https://github.com/omegasisters/homepage</a></p></li>
<li><p><a
href="https://github.com/yourfirstpr/yourfirstpr.github.io">https://github.com/yourfirstpr/yourfirstpr.github.io</a></p></li>
<li><p><a
href="https://github.com/Jaredk3nt/homepage">https://github.com/Jaredk3nt/homepage</a></p></li>
<li><p><a
href="https://github.com/gitname/react-gh-pages">https://github.com/gitname/react-gh-pages</a></p></li>
<li><p><a
href="https://github.com/ImedAdel/automatic-gatsbyjs-app-landing-page">https://github.com/ImedAdel/automatic-gatsbyjs-app-landing-page</a></p></li>
<li><p><a
href="https://github.com/xriley/AppKit-Landing-Theme">https://github.com/xriley/AppKit-Landing-Theme</a></p></li>
<li><p><a
href="https://github.com/coala/landing-frontend">https://github.com/coala/landing-frontend</a></p></li>
<li><p><a
href="https://github.com/ITRav4/PlexRedirect">https://github.com/ITRav4/PlexRedirect</a></p></li>
<li><p><a
href="https://github.com/singhkshitij/My-Landing-Page">https://github.com/singhkshitij/My-Landing-Page</a></p></li>
<li><p><a
href="https://github.com/sandoche/Mobile-app-landingpage-template">https://github.com/sandoche/Mobile-app-landingpage-template</a></p></li>
<li><p><a
href="https://github.com/JayantGoel001/JayantGoel001.github.io/">https://github.com/JayantGoel001/JayantGoel001.github.io/</a></p></li>
<li><p><a
href="https://github.com/caarlosdamian/react-website-portafolio/">https://github.com/caarlosdamian/react-website-portafolio/</a></p></li>
<li><p><a
href="https://github.com/Blazity/next-saas-starter">https://github.com/Blazity/next-saas-starter</a></p></li>
<li><p><a
href="https://github.com/doniwirawan/Gradient-Landing-Page/">https://github.com/doniwirawan/Gradient-Landing-Page/</a></p></li>
</ul>
<h3 id="landing-page-collection">Landing page collection</h3>
<ul>
<li><p><a
href="https://unbounce.com/landing-page-templates/">https://unbounce.com/landing-page-templates/</a></p></li>
<li><p><a
href="https://unbounce.com/landing-page-template/freshgoods/">https://unbounce.com/landing-page-template/freshgoods/</a></p></li>
<li><p><a
href="https://themeforest.net/category/marketing/landing-pages">https://themeforest.net/category/marketing/landing-pages</a></p></li>
<li><p><a
href="https://dev.to/davidepacilio/40-free-html-landing-page-templates-3gfp">https://dev.to/davidepacilio/40-free-html-landing-page-templates-3gfp</a></p></li>
<li><p><a
href="https://startbootstrap.com/themes/landing-pages/">https://startbootstrap.com/themes/landing-pages/</a></p></li>
<li><p><a
href="https://onepagelove.com/templates/landing-page-templates">https://onepagelove.com/templates/landing-page-templates</a></p></li>
<li><p><a
href="https://elements.envato.com/web-templates/landing-page-templates">https://elements.envato.com/web-templates/landing-page-templates</a></p></li>
<li><p><a
href="https://wix.com/website/templates/html/landing-pages">https://wix.com/website/templates/html/landing-pages</a></p></li>
<li><p><a
href="https://www.templatemonster.com/landing-page-templates.php">https://www.templatemonster.com/landing-page-templates.php</a></p></li>
<li><p><a
href="https://www.creative-tim.com/bootstrap-themes/landing-page">https://www.creative-tim.com/bootstrap-themes/landing-page</a></p></li>
<li><p><a
href="https://business.tutsplus.com/articles/mobile-app-landing-page--cms-32098">https://business.tutsplus.com/articles/mobile-app-landing-page–cms-32098</a></p></li>
<li><p><a
href="https://business.tutsplus.com/articles/product-landing-page-examples--cms-32174">https://business.tutsplus.com/articles/product-landing-page-examples–cms-32174</a></p></li>
<li><p><a
href="https://webflow.com/templates/html/launcher-one-page-website-template">https://webflow.com/templates/html/launcher-one-page-website-template</a></p></li>
<li><p><a
href="https://www.abtasty.com/blog/bootstrap-landing-page-templates/">https://www.abtasty.com/blog/bootstrap-landing-page-templates/</a></p></li>
<li><p><a
href="https://www.mailerlite.com/landing-page-examples">https://www.mailerlite.com/landing-page-examples</a></p></li>
<li><p><a
href="https://creativemarket.com/templates/websites/landing-pages">https://creativemarket.com/templates/websites/landing-pages</a></p></li>
<li><p><a
href="https://colorlib.com/wp/templates/">https://colorlib.com/wp/templates/</a></p></li>
<li><p><a
href="https://templated.co/">https://templated.co/</a></p></li>
<li><p><a
href="https://www.templatemonster.com/">https://www.templatemonster.com/</a></p></li>
<li><p><a
href="https://www.free-css.com/free-css-templates">https://www.free-css.com/free-css-templates</a></p></li>
<li><p><a
href="https://templatemo.com/">https://templatemo.com/</a></p></li>
<li><p><a
href="https://mobirise.com/bootstrap-template/homepage-template/">https://mobirise.com/bootstrap-template/homepage-template/</a></p></li>
</ul>
<h3 id="landing-page-tutorial">Landing page tutorial</h3>
<ul>
<li><p><a
href="https://www.learnworlds.com/course-landing-page-with-examples/">https://www.learnworlds.com/course-landing-page-with-examples/</a></p></li>
<li><p><a
href="https://foundr.com/online-course-landing-page">https://foundr.com/online-course-landing-page</a></p></li>
<li><p><a
href="https://mdbootstrap.com/education/bootstrap/landing-page-lesson-1/">https://mdbootstrap.com/education/bootstrap/landing-page-lesson-1/</a></p></li>
<li><p><a
href="https://instapage.com/blog/landing-page-tutorial">https://instapage.com/blog/landing-page-tutorial</a></p></li>
<li><p><a
href="https://mailchimp.com/help/create-a-landing-page/">https://mailchimp.com/help/create-a-landing-page/</a></p></li>
<li><p><a
href="https://webflow.com/feature/landing-page-tutorial">https://webflow.com/feature/landing-page-tutorial</a></p></li>
<li><p><a
href="https://www.crazyegg.com/blog/landing-page-essentials/">https://www.crazyegg.com/blog/landing-page-essentials/</a></p></li>
<li><p><a
href="https://www.javatpoint.com/landing-pages">https://www.javatpoint.com/landing-pages</a></p></li>
<li><p><a
href="https://www.madza.dev/blog/create-a-landing-page-in-less-than-100-lines-incl-css">https://www.madza.dev/blog/create-a-landing-page-in-less-than-100-lines-incl-css</a></p></li>
<li><p><a
href="https://www.youtube.com/watch?v=cKFy0SFZBdM">https://www.youtube.com/watch?v=cKFy0SFZBdM</a></p></li>
<li><p><a
href="https://www.youtube.com/watch?v=K8BigvW7sZU">https://www.youtube.com/watch?v=K8BigvW7sZU</a></p></li>
<li><p><a
href="https://www.mailerlite.com/video-tutorials/landing-page">https://www.mailerlite.com/video-tutorials/landing-page</a></p></li>
<li><p><a
href="https://unbounce.com/how-to-create-a-landing-page/">https://unbounce.com/how-to-create-a-landing-page/</a></p></li>
<li><p><a
href="https://workshops.unbounce.com/workshop/learn-to-create-an-unbounce-landing-page-from-scratch/">https://workshops.unbounce.com/workshop/learn-to-create-an-unbounce-landing-page-from-scratch/</a></p></li>
<li><p><a
href="https://neilpatel.com/blog/beginners-guide-to-landing-pages/">https://neilpatel.com/blog/beginners-guide-to-landing-pages/</a></p></li>
<li><p><a
href="https://medium.com/better-programming/how-to-build-a-landing-page-in-ten-minutes-11931e7f01f7">https://medium.com/better-programming/how-to-build-a-landing-page-in-ten-minutes-11931e7f01f7</a></p></li>
<li><p><a
href="https://medium.com/better-programming/how-to-build-a-landing-page-in-ten-minutes-11931e7f01f7">https://medium.com/better-programming/how-to-build-a-landing-page-in-ten-minutes-11931e7f01f7</a></p></li>
<li><p><a
href="https://websitesetup.org/bootstrap-tutorial-for-beginners/">https://websitesetup.org/bootstrap-tutorial-for-beginners/</a></p></li>
<li><p><a
href="https://www.wix.com/blog/2015/11/create-a-powerful-free-landing-page-in-under-an-hour/">https://www.wix.com/blog/2015/11/create-a-powerful-free-landing-page-in-under-an-hour/</a></p></li>
<li><p><a
href="https://academy.hubspot.com/lessons/creating-landing-pages-in-hubspot">https://academy.hubspot.com/lessons/creating-landing-pages-in-hubspot</a></p></li>
<li><p><a
href="https://www.freecodecamp.org/news/learn-bootstrap-4-in-30-minute-by-building-a-landing-page-website-guide-for-beginners-f64e03833f33/">https://www.freecodecamp.org/news/learn-bootstrap-4-in-30-minute-by-building-a-landing-page-website-guide-for-beginners-f64e03833f33/</a></p></li>
<li><p><a
href="https://elementor.com/blog/create-wordpress-landing-page/">https://elementor.com/blog/create-wordpress-landing-page/</a></p></li>
<li><p><a
href="https://optinmonster.com/how-to-create-a-landing-page/">https://optinmonster.com/how-to-create-a-landing-page/</a></p></li>
<li><p><a
href="https://thrivetracker.com/blog/how-to-build-a-simple-landing-page-using-dreamweaver/">https://thrivetracker.com/blog/how-to-build-a-simple-landing-page-using-dreamweaver/</a></p></li>
<li><p><a
href="https://www.wpbeginner.com/wp-tutorials/how-to-create-a-landing-page-with-wordpress/">https://www.wpbeginner.com/wp-tutorials/how-to-create-a-landing-page-with-wordpress/</a></p></li>
<li><p><a
href="https://www.wordstream.com/blog/ws/2014/02/12/great-landing-pages">https://www.wordstream.com/blog/ws/2014/02/12/great-landing-pages</a></p></li>
<li><p><a
href="https://www.tutlane.com/tutorial/bootstrap">https://www.tutlane.com/tutorial/bootstrap</a></p></li>
</ul>
<h3 id="landing-design-resources">Landing design resources</h3>
<ul>
<li><p><a
href="https://cssauthor.com/landing-page-templates-psd/">https://cssauthor.com/landing-page-templates-psd/</a></p></li>
<li><p><a
href="https://designsmaz.com/free-landing-page-psd-templates/">https://designsmaz.com/free-landing-page-psd-templates/</a></p></li>
<li><p><a
href="https://speckyboy.com/free-landing-page-psd-web-templates/">https://speckyboy.com/free-landing-page-psd-web-templates/</a></p></li>
<li><p><a
href="https://365webresources.com/free-landing-page-single-page-psd-templates/">https://365webresources.com/free-landing-page-single-page-psd-templates/</a></p></li>
<li><p><a
href="https://365webresources.com/free-landing-page-single-page-psd-templates/">https://365webresources.com/free-landing-page-single-page-psd-templates/</a></p></li>
<li><p><a
href="https://www.template.net/design-templates/psd/psd-landing-page-templates/">https://www.template.net/design-templates/psd/psd-landing-page-templates/</a></p></li>
<li><p><a
href="https://freepsdfiles.net/website-templates/free-psd-landing-page-templates">https://freepsdfiles.net/website-templates/free-psd-landing-page-templates</a></p></li>
<li><p><a
href="https://utemplates.net/app-landing-page-psd-templates/">https://utemplates.net/app-landing-page-psd-templates/</a></p></li>
<li><p><a
href="https://blog.hubspot.com/marketing/landing-page-examples-list">https://blog.hubspot.com/marketing/landing-page-examples-list</a></p></li>
<li><p><a
href="https://freebiesbug.com/psd-freebies/free-psd-landing-page/">https://freebiesbug.com/psd-freebies/free-psd-landing-page/</a></p></li>
<li><p><a
href="https://bashooka.com/freebie/20-free-landing-page-templates/">https://bashooka.com/freebie/20-free-landing-page-templates/</a></p></li>
<li><p><a
href="https://www.graphberry.com/category/themes">https://www.graphberry.com/category/themes</a></p></li>
<li><p><a
href="https://dribbble.com/tags/free_landing_page">https://dribbble.com/tags/free_landing_page</a></p></li>
<li><p><a
href="https://psdrepo.com/free-psd/product-landing-page-template-2-freebie/">https://psdrepo.com/free-psd/product-landing-page-template-2-freebie/</a></p></li>
<li><p><a
href="https://freebies.fluxes.com/portfolio-landing-page-psd-html/">https://freebies.fluxes.com/portfolio-landing-page-psd-html/</a></p></li>
<li><p><a
href="https://pinspiry.com/seo-landing-page-free-psd/">https://pinspiry.com/seo-landing-page-free-psd/</a></p></li>
<li><p><a
href="https://free-psd-templates.com/25-free-psd-landing-pagesfor-creative-amd-important-ideas/">https://free-psd-templates.com/25-free-psd-landing-pagesfor-creative-amd-important-ideas/</a></p></li>
</ul>
<h2 id="license">License</h2>
<p><a href="https://creativecommons.org/licenses/by/4.0/"><img
src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by.svg"
alt="CC-BY" /></a></p>
<p>This work is licensed under a <a
href="https://creativecommons.org/licenses/by/4.0/">Creative Commons
Attribution 4.0 International License</a>.</p>