DREW is a robust landing page template which aims to solve all your landing page needs. It is designed to combine beautiful design & the perfect marketing approach to the web surface, while keep providing the best performance and functions to your end users. With a lot of components & variations included in the package, DREW is fit to any marketing purpose, from a simple product promotion page — or click through action campaign or — or lead generation landing page — or other one page / landing page purposes.
Contains All The "Must-have" Components for A Winning Landing Page:
- Headline
- Call to Action / Conversion Goal
- Lead Generation Form
- Click Through Button
- Value Proposition / Benefits
- How It Works
- Video Promotion
- Social Proofs
- Reinforcement / Closing Argument
All Included Elements:
- Main Headline
- Supporting Headline
- Reinforcement Statement
- Closing Argument
- Image/Video Promotion
- Benefits Grids
- Features Section
- Social Proof (Testimonial)
- Lead Gen Form
- Subscription Form (for PHP)
- Click Through Action (CTA) Button
- Countdown
- Descriptive Section
- 2 Columns Descriptive Section
- How It Works Section
- Team Members Section
- Pricing Table Section
- Styled Google Maps
- FAQ Section
- Portfolio Section
- Contact Form (for PHP)
- Video Background
- Slideshow Background
- Parallax Effect
- Animation
- Preloader Screen
- One Page Scroll Navigation
- Dropdown Menu
Inspiring Drew's Showcases
Look at some success stories from our belove usersBundled with A Bunch of Awesome Features
Bootstrap Framework (v3.3) — Bootstrap is one of the most powerful framework, used by thousand sites nowadays. The framework provides great flexibility on the grid system and all UI components.470++ Icon Integration — Integrated with FontAwesome out of the box. You can use the icons everywhere you want.
Parallax Effect (optional) — Bring 3D effect into your landing page. However, you may want to disable this effect in favor of "better performance".
Preloader Screen (optional) — Add a simple loading bar while your page loading. You can disable this feature if you want a basic page loading.
HTML5 Video Background (optional) — Add a background video to your Hero section and other sections. Note:The video background feature will be disabled in all mobile devices (due to limitation on some mobile devices). But don't worry you can easily define a fallback background image.
CSS3 Animations (optional) — Some non-overused CSS3 animations will look perfect on your landing page. Make sure you add them on some important parts.
7 Predefined Color Schemes (or create your own in 2 minutes!) — If you don't see them fit into your brand, I have included a very nice tutorial on how to create your own color schemes in only 2 minutes! Enjoy!
Modular CSS Classes — Let you easily customize the page with a single class change: Changing section's color scheme, background overlay, background image transparency, etc.
Optimized for Performance — The core files are only less than 1MB! Want to be even faster? I have included some page optimizations tips & tricks for you to follow in the documentation.
Asynchronous Video Embed — Embed Youtube or Vimeo Video asynchronously for the best page load performance.
Subscription Form via Mailchimp Integration — Easily Build your mail list with Mailchimp module, directly configure the backend settings.
Google Maps — Put your business addresses with integrated Google Maps, so everyone can reach you out.
Detailed & Straight Forward Documentation — The documentation was clear and straight forward on step by step to customize all components.
Email Modules — Setup your contact form and let your users contact you directly from your page into your inbox.
GTMetrix analytic report (after optimized as instructed on the documentation)
Sample Pages Included
- NEW Fullscreen CTA + Countdown, click through landing page with headlines, buttons, and countdown.
- NEW Fullscreen Subscription Form + Countdown, lead gen landing page with headlines, subscription form (Mailchimp), and countdown.
- NEW Video + Subscription Form, lead gen landing page with embedded video (Vimeo / Youtube) and subscription form (Mailchimp).
- Fullscreen CTA, click through landing page with fullscreen size, big headline, and buttons.
- Fullscreen Subscription Form, lead gen landing page with fullscreen size, big headline, and subscription form (Mailchimp).
- Features + Form, lead gen landing page with some core features displayed along with the goal form.
- Video + Form, lead gen landing page with embedded video (Vimeo / Youtube) along with the goal form.
- Video + Features + CTA, click through landing page with embedded video (Vimeo / Youtube), core features listm, and the big Call to Action button.
- Video Background Example, this show you how the video background works — practically you can enable the video background mode on ALL layout.
- more coming soon...
Very Detailed Documentation — How to:
- Install & Setup.
- Fit your brand into the template (logo, images, colors & fonts).
- Create your OWN color scheme in only 2 minutes.
- Mailchimp Integration.
- Font Icon & Retina Display Integration.
- Customize each section into your needs.
- How to Optimize your landing page performance.
- Enhance your page with Parallax & CSS3 Animations.
- Other advanced tips & tricks.
Credits
- Modules
- Images & Video
- Death to The Stock Photo, Free & Premium Stock Photos.
- Orange HD, Free Stock Footage.
- CSS
- Bootstrap, CSS Front-end Framework.
- Fontawesome, 479 Icons in one Font.
- Animate CSS, CSS3 Animation Effects Pack.
- Javascript
- jPreLoader, Preloader Screen.
- jQuery, Base Javascript Framework.
- CounterUp, Counting Number.
- InView, Javascription "InView" event.
- jQuery One Page Nav, One Page Scrolling Navigation.
- jQuery.countdown, Countdown.
- Maplace, Google Maps.
- Responsive Slides, Simple Responsive Slider.
- respimage, Retina Image.
- Stellar JS, Parallax Effect.
- SmoothScroll JS, Smooth Scrolling effect for Chrome.
- Removed since v1.1: PictureFill, Retina Image.
0 Komentar
Penulisan markup di komentar