Categories
Landing Pages and Conversion to Sale

Responsive Accordion UI Design With Videos, Buttons & Smooth Transition Using HTML, CSS & JavaScript [Video]

Responsive Accordion UI Design With Videos, Buttons & Smooth Transition Using HTML, CSS & JavaScript

Responsive Accordion UI Design With Videos, Buttons & Smooth Transition Using HTML, CSS & JavaScript

On today’s episode, I’m going to show you how to create an awesome Accordion UI Design using HTML, CSS and JavaScript. without any frameworks. The design is really easy to code along and understand. I hope you enjoy this video and if you do, please smash that like button. It helps me create more contents like this. Thank you

📁 Assets
Fonts: https://fonts.google.com/
Icons: https://boxicons.com/
GitHub: https://github.com/JustPerfectDesigns

🔗 Source code
https://github.com/JustPerfectDesigns/responsive-accordion-ui-design-with-videos-buttons.git

✒️ Previous HTML, CSS JavaScript Project
Awesome Progress Bar Animation: https://youtu.be/4PC1UVvy7T8
How To Embed Links In Posts Or Articles: https://youtu.be/7ywjWkt_zNE
Responsive Navigation Menu: https://youtu.be/7kpK0k51ah4
Portfolio Website with Dark / Light Mode: https://youtu.be/lIvkO4MpP_4
Apple AirPods Max Landing Page: https://youtu.be/bbn32aT7yWE

🔔 Subscribe for more!
https://bit.ly/3cZvaEK

⏱ Timestamps
0:00 Intro
1:14 Project Setup in HTML & CSS
2:56 Accordion HTML
06:01 Accordion CSS
15:00 Media Queries For Responsiveness
17:10 Accordion JavaScript
21:19 Change Tab Background Color On Active
22:20 Change Plus Icon To Minus On Active
24:37 Change Question Font Weight To Bold On Active
25:20 Finished Version

👍 Thanks for watching!
Make Sure To Like & Subscribe For More! ❤
https://bit.ly/3cZvaEK

🎵 Music I used
Track: DEAF KEV – Invincible [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/J2X5mJ3HDYE
Free Download / Stream: http://ncs.io/invincible

Track: Cartoon x Time To Talk – Omen (Ft. Asena) [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/7GhO2lncvBg
Free Download / Stream: https://ncs.io/Omen

Track: JJD – A New Adventure (feat. Molly Ann) [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/ZTwCDpFJEZ4
Free Download / Stream: https://ncs.io/ANewAdventure

Track: JPB – High (feat. Aleesia) [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/lj62iuaKAhU
Free Download / Stream: https://ncs.io/High2

Track: Mike Vallas, Jagsy & quaggin. – Left My Heart In Pain [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/hiK6LkKsqpo
Free Download / Stream: http://ncs.io/LMHIP

Track: JPB – High [NCS Release]
Music provided by NoCopyrightSounds.
https://youtu.be/Tv6WImqSuxA
Free Download / Stream: http://ncs.io/jpbhigh

#ProgressBar #JavascriptAnimation #JustPerfectDesigns

Watch/Read More
Categories
Landing Pages and Conversion to Sale

The Easiest Sales Funnel Builder of 2022 | Start For Free | Ranked Number 1 [Video]

Easiest Sales Funnel Builder of 2022. All you need to do is drag and drop content to build capture squeeze pages and landing pages. Our easy sales funnel builder will have you dominating any affiliate marketing in 2022.You can drag and drop images, youtube or vimeo videos, add capture forms, tracking pixels, social networking links and more. There is no coding required so easy a grandma can do it. Just drag and drop to have sales funnel pages built in just a few minutes. You get tons of templates and easy training. The Conversion Pros makes it so easy to add pages together to build the ultimate sales funnel. We also include an Unlimited Autoresponder and a CRM contact manager. So you don't only build a list here you can email them all from our built in autoresponder that is included and unlimited. What you also get is a phone app that is available on android and apple play store and any leads that come through your capture pages will go right to our free phone app. This way it is easy to convert leads to sales from your sales funnel.

Categories
Landing Pages and Conversion to Sale

Should you give lifetime access to your online course? [Video]

Unsure whether to add 'lifetime access' to your online course or not? As a course creator you can easily add the words to your landing page, but, can you truly offer lifetime access?------------------------------What´s included------------------------------0:00 Introduction0:36 Why offer lifetime access?1:12 How can you define what a lifetime is?2:14 How can you make a recurring income?3:27 How will students be motivated to complete the course?4:37 Still want to offer lifetime access?5:02 What about long term access?6:11 How to boost motivation7:15 Bonus Tip: Memberships!Should you offer free lifetime access to your online course or not?It can be very alluring to add this to your landing page as an added bonus. Lifetime access can be attractive to those students on the fence. But what does lifetime access really mean?This video will help you to understand if lifetime access is an offer that you want to provide to your studentsHow can you define what a lifetime is?Is it your lifetime? Your student's? Your course? The career of your students? When you move to a different platform?Lifetime is difficult to measure and this can be risky!How can you make a recurring income?If your students have lifetime access, how can you encourage them to move through your pipeline? They can continually come back to your content, so why would they want to purchase another course or a different package?What happens when you move platforms?What happens when you exceed enrolled student numbers? Will you be willing to pay for their access for a lifetime? When they have only paid you once?How will students be motivated to complete the course?Students can come back to the course whenever they want! There is no need to complete this year or in 10 years. They can always access the course and continue.What if students access content in 10 years time, will the content still be relevant? Are you willing to continuously update this content?Recommendations...If you still want to offer lifetime access, then ensure you clearly define what lifetime means in your terms and conditions. Ensure that this is easily accessible for your students. If you want to offer a bonus of lifetime access without offering a lifetime, consider long term access. E.G. a 12-week course over 6 or 12 months.You can also offer that students can extend their access for a small fee.This will motivate your students to complete the course within the timeframe.To further motivate your students, use the expiration date as part of the student experience.For example, set up automated emails that are triggered by the completion date. Such as, 1 month before the expiration date, send a reminder email. You can also make sure that the student continually sees the expiration date on their dashboard. Here you can add an upgrade button so that they can extend at any time.Consider other automated reminders such as '# of days since the last log in' or progress report updates. Finally, if you do not want to offer lifetime or long term access, consider building a membership.After the considerations and recommendations, what have you decided to do? Let me know in the comments below.------------------------------About The Stella Way------------------------------The Stella Way support subject matter experts, just like yourself, to scale your knowledge through online courses with a strong focus on creating an engaging learning journey.The Stella Way was founded to provide innovative coaching and consulting services that empower you to build a sustainable and scalable online course. We work with educators who are passionate about sharing their knowledge, who want to make a positive impact and strive to make education globally accessible.Why work with us? Many new course creators spend hours, weeks and months planning and designing their perfect course, but then hear crickets when they launch. With our experience in curriculum design, online courses and learning experience, we work with our clients to build an online course alongside their students and launch in smaller iterations to not risk a failed launch.Schedule a free consultation: https://booknow.thestellaway.com/#/customer/discovery-callDownload Free Course Curriculum Template: https://www.thestellaway.com/design-course-template------------------------------Additional Course Creator Videos------------------------------How to structure your online course for an LMS: https://youtu.be/wPbQIbsx_M4Why a Course Curriculum is Important: https://youtu.be/kpkynzusOb43 Elements of an Online Course Curriculum PLUS 3 Tips: https://youtu.be/aGhlPXxBxgAHow to create your course outline: https://youtu.be/g7Nr0AN9XPE------------------------------Social Media------------------------------👍 Facebook: https://www.facebook.com/groups/designonlinecourses/👍 LinkedIn: https://www.linkedin.com/in/katsorbello-onlinecoursecreator/👍 Website: https://www.thestellaway.com/