title
How To Make A Wordpress Website 2019 - Divi Theme Tutorial

description
Get 60% OFF Hosting Here: https://www.siteground.com/go/darreloffer Get 10% OFF The Divi Theme Here: https://www.darrelwilson.com/divi Join Our Wordpress Social Platform! Register NOW: https://www.wpfriends.com Watch the newest divi theme tutorial here: https://www.youtube.com/watch?v=e1RkMMyjkOM&t=251s Welcome! In This Wordpress tutorial you will how to make a wordpress step by step! In this wordpress tutorial, we are going to use the divi theme to make our wordpress website. The wordpress theme allows you to drag and drop modules and makes making a website very easy! This is a wordpress tutorial for beginners so after you watch this wordpress tutorial, you will be able to make your own website from scratch! Get 60% Off Hosting Here: https://www.siteground.com/go/darreloffer If you need a logo, you can get one here for just $5: https://www.darrelwilson.com/fiverr NEW Divi Marketplace! https://badenza.com/ You can download the images here:https://s3-us-west-1.amazonaws.com/darrel/Images.zip Here are some timestamps to help you following along in this wordpress tutorial 3:32 - Get Hosting 7:24 - Install Wordpress 11:32 - Divi Theme Download 18:34 - Creating A HomePage 36:47 - Creating A Split Screen 45:16 - Text Overlapping 57:55 - Double Split Screen 1:08:26 - Testimonials and Divi Library 1:18:30 - Advanced Design Settings 1:20:30 - Footer 1:27:30 - Additional Resources 1:32:10 - Mobile Optimization 1:35:10 - Theme Customization 1:41:15 - Divi Library 1:45:06 - About Us Page 1:56:56 - Slider 2:10:25 - Blog 2:18:06 - Contact Page 2:33:00 - Services Layout New CSS Tutorial is available here: https://www.youtube.com/watch?v=m6_sO3PTJvg&t=106s You can view a demo of the website here: https://wpdarrel.com/ You can download the services page here: https://s3-us-west-1.amazonaws.com/darrel/Services+Page.zip You can learn more about the image filtering and conditional logic here: https://www.youtube.com/watch?v=8XSs08VJ_CY You can learn more about the conditional logic for the divi theme here: https://www.youtube.com/watch?v=yxamKwB0cEA Again, i hope this wordpress tutorial inspires you to create your own website. Once you build your website, make sure to visit my website where you can get some really amazing divi theme layouts for your website. The best part about the divi theme layouts is that they are free for you to use! There is a small password in this divi theme tutorial which will grant you access to the layouts on my website, make sure to watch and get your access to some of these amazing layouts! The landing page image i used is available on shutterstock here: https://www.shutterstock.com/image-photo/explosion-colored-powder-on-white-background-559283473 For more wordpress tutorials like this or to learn more on how to make a wordpress website, feel free to visit my website at https://www.darrelwilson.com Checkout my other Multilingual Wordpress Tutorial Youtube Channels! Spanish Channel: https://www.youtube.com/channel/UC1Sm53FofDOVA5T0pzyebEA Arabic Channel: https://www.youtube.com/channel/UCDxCp7gMbzmNIjUqOCu1xcg/videos Hindi Channel: https://www.youtube.com/channel/UCjTje7OJghnjEJ8d4llefQw Portuguese Channel: https://www.youtube.com/channel/UCOs-QXBdlmT0YL3I-bnyeug French Channel: https://www.youtube.com/channel/UCLEH_xAh0VxCTSq1AQBYPsg German Channel: https://www.youtube.com/channel/UCTkmZD2BCJpedWe4Hb5QVLw Want more help and news on Wordpress? Feel free to visit my website at https://www.darrelwilson.com

detail
{'title': 'How To Make A Wordpress Website 2019 - Divi Theme Tutorial', 'heatmap': [{'end': 1184.13, 'start': 889.773, 'weight': 0.726}, {'end': 2968.703, 'start': 2857.755, 'weight': 0.737}], 'summary': 'Tutorial showcases building a professional, modern, mobile-responsive wordpress website using the divi theme, covering obtaining a 60% discount on hosting, purchasing the divi theme, installing wordpress, creating website pages, website design and customization, web design customization techniques, customizing testimonial layout, divi theme options, mobile optimization, free website footer, website element customization, creating email contact form, and customizing maps with detailed instructions and tips.', 'chapters': [{'end': 926.767, 'segs': [{'end': 111.365, 'src': 'embed', 'start': 82.506, 'weight': 0, 'content': [{'end': 85.988, 'text': 'So this right here is our about us page and you guys can always change the color.', 'start': 82.506, 'duration': 3.482}, {'end': 87.65, 'text': 'You can add in your own images.', 'start': 86.389, 'duration': 1.261}, {'end': 88.77, 'text': 'You can change the font.', 'start': 87.75, 'duration': 1.02}, {'end': 93.313, 'text': 'You can be as customizable as you want with your websites.', 'start': 89.251, 'duration': 4.062}, {'end': 97.997, 'text': "So today I'm going to be showing you how you can incorporate these same designs on your website.", 'start': 93.674, 'duration': 4.323}, {'end': 99.498, 'text': "And guys, it's really easy.", 'start': 98.277, 'duration': 1.221}, {'end': 102.58, 'text': 'You know, making websites with a Divi theme is so simple.', 'start': 99.518, 'duration': 3.062}, {'end': 104.681, 'text': 'So this right here is our about us page.', 'start': 102.94, 'duration': 1.741}, {'end': 106.823, 'text': 'And next is our services page.', 'start': 105.161, 'duration': 1.662}, {'end': 111.365, 'text': "So I'll be showing you guys how you guys can create this services page for your websites.", 'start': 107.443, 'duration': 3.922}], 'summary': 'Demonstrating easy customization with divi theme for website pages.', 'duration': 28.859, 'max_score': 82.506, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w82506.jpg'}, {'end': 242.781, 'src': 'embed', 'start': 214.671, 'weight': 1, 'content': [{'end': 217.293, 'text': 'It will take you to a page that looks just like this right here.', 'start': 214.671, 'duration': 2.622}, {'end': 223.295, 'text': 'So this is SiteGround.com and I use SiteGround.com because I compared them against nine other competitors.', 'start': 217.953, 'duration': 5.342}, {'end': 228.417, 'text': 'And these guys came up as number one as the most fastest, yet also the most reliable.', 'start': 223.775, 'duration': 4.642}, {'end': 232.858, 'text': "So you don't have to worry about your website kind of like crashing or going down because these guys have some incredible uptime.", 'start': 228.837, 'duration': 4.021}, {'end': 237.76, 'text': 'They also have a 24-hour customer support line and a 30-day money-back guarantee.', 'start': 233.318, 'duration': 4.442}, {'end': 239.56, 'text': 'So that alone wins in my book.', 'start': 237.78, 'duration': 1.78}, {'end': 242.781, 'text': "And that's me right there saying, hey, yeah, you know, these guys are amazing.", 'start': 240.12, 'duration': 2.661}], 'summary': 'Siteground.com is the fastest and most reliable with 24-hour support and a 30-day money-back guarantee.', 'duration': 28.11, 'max_score': 214.671, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w214671.jpg'}, {'end': 336.132, 'src': 'embed', 'start': 310.166, 'weight': 2, 'content': [{'end': 315.573, 'text': 'Right here, you would put in your card number, and then, you know, et cetera, and, you know, your billing address, whatever.', 'start': 310.166, 'duration': 5.407}, {'end': 319.057, 'text': 'And you guys remember, these guys have a 30-day money-back guarantee.', 'start': 315.593, 'duration': 3.464}, {'end': 326.587, 'text': 'so I recommend the 12-month period, because you know two, three weeks will give you enough time to decide if this hosting company is for you or not.', 'start': 319.057, 'duration': 7.53}, {'end': 331.45, 'text': 'but trust me, I am almost guaranteed that this is because I use it.', 'start': 326.587, 'duration': 4.863}, {'end': 333.211, 'text': "I've been around tons of hosting companies, guys.", 'start': 331.49, 'duration': 1.721}, {'end': 336.132, 'text': "I've had some nightmares where I wake up and my site is gone.", 'start': 333.231, 'duration': 2.901}], 'summary': 'Hosting company offers 30-day money-back guarantee. 12-month period recommended for testing.', 'duration': 25.966, 'max_score': 310.166, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w310166.jpg'}, {'end': 374.895, 'src': 'embed', 'start': 348.418, 'weight': 3, 'content': [{'end': 352.68, 'text': 'Domain privacy basically protects your personal information if someone tries to look you up on the internet.', 'start': 348.418, 'duration': 4.262}, {'end': 358.083, 'text': 'So if you would want that, you would click on domain privacy and also the SiteGround site scanner.', 'start': 353.3, 'duration': 4.783}, {'end': 365.669, 'text': 'This will basically check your website every single day to see if your website has been hacked or any malicious code has been injected.', 'start': 358.484, 'duration': 7.185}, {'end': 367.89, 'text': 'And this personally happened to me, guys.', 'start': 366.149, 'duration': 1.741}, {'end': 369.111, 'text': "I've been in web design for a while.", 'start': 367.91, 'duration': 1.201}, {'end': 374.895, 'text': "So I know that sometimes there's crazy people out there who want to like, you know, spam your website with Viagra or something.", 'start': 369.531, 'duration': 5.364}], 'summary': 'Domain privacy and site scanner protect personal info and website from hacking and malicious code.', 'duration': 26.477, 'max_score': 348.418, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w348418.jpg'}, {'end': 412.892, 'src': 'embed', 'start': 385.534, 'weight': 4, 'content': [{'end': 388.42, 'text': 'So I will go ahead and meet you on the next page.', 'start': 385.534, 'duration': 2.886}, {'end': 391.68, 'text': 'All right, congratulations, you guys made it.', 'start': 389.679, 'duration': 2.001}, {'end': 395.042, 'text': 'So this section right here is the customer portal.', 'start': 391.82, 'duration': 3.222}, {'end': 402.346, 'text': "So, after you guys check out, you're brought to this page right here, and this is the page or area where you can manage all your stuff,", 'start': 395.482, 'duration': 6.864}, {'end': 407.929, 'text': 'such as if you have a question about something you can go to support or you can look at their facts.', 'start': 402.346, 'duration': 5.583}, {'end': 410.311, 'text': 'You guys can also update your billing information right here.', 'start': 408.049, 'duration': 2.262}, {'end': 412.892, 'text': 'You guys can also add additional services.', 'start': 410.871, 'duration': 2.021}], 'summary': 'Customer portal allows managing queries, billing, and adding services.', 'duration': 27.358, 'max_score': 385.534, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w385534.jpg'}, {'end': 614.269, 'src': 'embed', 'start': 587.492, 'weight': 5, 'content': [{'end': 592.317, 'text': 'So we have successfully installed WordPress onto our domain and hosting.', 'start': 587.492, 'duration': 4.825}, {'end': 598.738, 'text': 'So before we go any further, I want to kind of change two settings in WordPress that are very essential.', 'start': 593.735, 'duration': 5.003}, {'end': 601.04, 'text': 'So right here, I want to go to dashboard.', 'start': 599.139, 'duration': 1.901}, {'end': 603.782, 'text': 'And again, guys, this is like where all the magic happens.', 'start': 601.58, 'duration': 2.202}, {'end': 607.965, 'text': "So when you want to like make pages or posts, you'll do everything back here.", 'start': 604.002, 'duration': 3.963}, {'end': 611.267, 'text': "But not to worry, I'll run you through everything so you'll know what to do.", 'start': 608.005, 'duration': 3.262}, {'end': 614.269, 'text': 'So right here under users, go to your profile.', 'start': 611.727, 'duration': 2.542}], 'summary': 'Wordpress installed, essential settings changed, guide provided for user profile setup.', 'duration': 26.777, 'max_score': 587.492, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w587492.jpg'}, {'end': 702.82, 'src': 'embed', 'start': 668.951, 'weight': 7, 'content': [{'end': 672.114, 'text': "So, scrolling down here, I'm going to go to save changes.", 'start': 668.951, 'duration': 3.163}, {'end': 676.548, 'text': "All right, so the next thing we're gonna do guys is install the Divi theme.", 'start': 672.807, 'duration': 3.741}, {'end': 679.349, 'text': "But before we do that, let's take a look at our progress.", 'start': 676.568, 'duration': 2.781}, {'end': 682.691, 'text': 'So first we got our domain and hosting, congratulations.', 'start': 680.19, 'duration': 2.501}, {'end': 684.511, 'text': 'Then we installed WordPress.', 'start': 683.111, 'duration': 1.4}, {'end': 688.353, 'text': "The next thing we're going to do is purchase and install the Divi theme.", 'start': 684.531, 'duration': 3.822}, {'end': 691.174, 'text': 'Now there is a link in the description of this video.', 'start': 689.033, 'duration': 2.141}, {'end': 693.955, 'text': 'It will take you to a page that looks just like this right here.', 'start': 691.274, 'duration': 2.681}, {'end': 696.737, 'text': 'And also congratulations, you guys get a 10% off.', 'start': 694.096, 'duration': 2.641}, {'end': 702.82, 'text': 'Now this company is providing you all with the Divi theme and also unlimited support for your website.', 'start': 697.357, 'duration': 5.463}], 'summary': 'Installing divi theme with 10% off, unlimited support', 'duration': 33.869, 'max_score': 668.951, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w668951.jpg'}, {'end': 750.887, 'src': 'embed', 'start': 719.908, 'weight': 6, 'content': [{'end': 726.05, 'text': 'Many websites do not offer money-back guarantees, but Elegant Themes is so confident that you will love the theme.', 'start': 719.908, 'duration': 6.142}, {'end': 729.372, 'text': 'they will provide you all with a 30-day money-back guarantee.', 'start': 726.05, 'duration': 3.322}, {'end': 731.993, 'text': 'And I personally use this, guys, on my own website.', 'start': 729.432, 'duration': 2.561}, {'end': 735.215, 'text': "So I'm not just trying to tell you that, oh, yeah, go ahead and buy it.", 'start': 732.033, 'duration': 3.182}, {'end': 738.236, 'text': "No, I use it on my website and all of my clients' websites as well.", 'start': 735.275, 'duration': 2.961}, {'end': 740.778, 'text': "because it's number one for a reason.", 'start': 738.716, 'duration': 2.062}, {'end': 743.561, 'text': "So right here, I'm gonna go to sign up today.", 'start': 741.299, 'duration': 2.262}, {'end': 750.887, 'text': 'And then, right here, you can do your username, your email, your password, confirm it and then, right here,', 'start': 744.802, 'duration': 6.085}], 'summary': "Elegant themes offers a 30-day money-back guarantee and is used on the speaker's and clients' websites.", 'duration': 30.979, 'max_score': 719.908, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w719908.jpg'}], 'start': 0.578, 'title': 'Building wordpress website with divi theme', 'summary': 'Demonstrates building a professional, modern, mobile-responsive wordpress website using divi theme, starting with obtaining a 60% discount on hosting, purchasing the divi theme, installing wordpress, and creating the website. it also emphasizes the importance of domain privacy, site security, and essential settings in wordpress for website management and performance. furthermore, it covers the process of purchasing, installing the divi theme with a 10% discount, highlighting the unlimited support and 30-day money-back guarantee offered by elegant themes, followed by the step-by-step guide to installing the theme and creating website pages.', 'chapters': [{'end': 348.378, 'start': 0.578, 'title': 'Build wordpress website with divi theme', 'summary': 'Demonstrates how to build a professional, modern, mobile-responsive wordpress website using the divi theme, starting with obtaining a 60% discount on hosting, purchasing the divi theme, installing wordpress, and creating the website.', 'duration': 347.8, 'highlights': ['Divi theme enables easy website creation The tutorial emphasizes the simplicity of creating websites with the Divi theme, allowing users to make live changes effortlessly, demonstrating the ease of website creation and customization.', "Hosting recommendation and benefits of SiteGround The speaker recommends SiteGround for hosting, highlighting its speed, reliability, 24-hour customer support, and 30-day money-back guarantee, providing a 60% discount and suggesting the 'grow big' plan for hosting unlimited websites.", 'Domain registration and hosting setup The chapter outlines the process of domain registration and hosting setup, emphasizing the availability check for domains, account information input, and the recommendation of a 12-month period for the hosting service with a 30-day money-back guarantee.']}, {'end': 668.451, 'start': 348.418, 'title': 'Setting up domain privacy and installing wordpress', 'summary': 'Explains the importance of domain privacy and site security, as well as provides a step-by-step guide to installing wordpress, emphasizing the significance of essential settings in wordpress for website management and performance.', 'duration': 320.033, 'highlights': ['The chapter explains the importance of domain privacy and site security, as well as provides a step-by-step guide to installing WordPress. The chapter emphasizes the significance of domain privacy and the SiteGround site scanner for website security, providing a step-by-step guide to installing WordPress.', 'The section guides users through the customer portal, offering options to manage billing information and add additional services. The section details the features of the customer portal, including managing billing information and adding services such as dedicated server or cloud hosting.', 'The chapter outlines the process of installing WordPress, emphasizing the importance of essential settings such as changing passwords and configuring permalinks for SEO purposes. The chapter provides a detailed guide to installing WordPress, highlighting essential settings in WordPress for website management and performance, including changing passwords and configuring permalinks for SEO purposes.']}, {'end': 926.767, 'start': 668.951, 'title': 'Installing divi theme and creating pages', 'summary': 'Covers the process of purchasing, installing the divi theme with a 10% discount, and highlights the unlimited support and 30-day money-back guarantee offered by elegant themes, followed by the step-by-step guide to installing the theme and creating website pages.', 'duration': 257.816, 'highlights': ["Elegant Themes provides 10% off, unlimited support, and a 30-day money-back guarantee for the Divi theme, which is used by the speaker on their website and clients' websites. Elegant Themes offers 10% off, unlimited support, and a 30-day money-back guarantee for the Divi theme, emphasizing its quality and confidence in customer satisfaction.", "The speaker shares their personal positive experience with the Divi theme, asserting its quality and reliability. The speaker personally uses the Divi theme on their website and clients' websites, emphasizing its reliability and quality.", 'Step-by-step guide provided for installing the Divi theme and creating website pages, demonstrating a practical approach to website development. The speaker provides a detailed walkthrough for installing the Divi theme and creating website pages, showcasing a practical approach to website development.']}], 'duration': 926.189, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w578.jpg', 'highlights': ['Divi theme enables easy website creation, emphasizing simplicity and live changes.', "Hosting recommendation: SiteGround's speed, reliability, 24-hour support, 60% discount.", 'Domain registration process outlined, recommends 12-month hosting with 30-day guarantee.', 'Importance of domain privacy, site security, and step-by-step WordPress installation.', 'Customer portal features detailed, including billing management and additional services.', 'Installing WordPress guide emphasizes essential settings for website management and SEO.', 'Elegant Themes offers 10% off, unlimited support, and 30-day money-back guarantee.', "Personal positive experience shared, emphasizing Divi theme's quality and reliability.", 'Step-by-step guide for installing Divi theme and creating website pages provided.']}, {'end': 2046.572, 'segs': [{'end': 956.965, 'src': 'embed', 'start': 927.367, 'weight': 4, 'content': [{'end': 929.508, 'text': "So I was kind of torn because I'm a huge Star Wars fan.", 'start': 927.367, 'duration': 2.141}, {'end': 932.49, 'text': 'So anyways, so guys, I made those pages.', 'start': 930.089, 'duration': 2.401}, {'end': 936.032, 'text': 'Now, we need to actually add this to our menu.', 'start': 933.19, 'duration': 2.842}, {'end': 939.534, 'text': "So let's go ahead and go over here to appearance and go to menus.", 'start': 936.332, 'duration': 3.202}, {'end': 942.056, 'text': "And let's go ahead and create a menu.", 'start': 940.995, 'duration': 1.061}, {'end': 945.978, 'text': 'So I always just do menu one, menu one, go to create menu.', 'start': 942.076, 'duration': 3.902}, {'end': 949.824, 'text': "Now, right here under Pages, I'm going to go to View All.", 'start': 947.423, 'duration': 2.401}, {'end': 956.965, 'text': "So, I'm just going to select both homes, the blog, contacts, all of this stuff right here, and go to Add to Menu.", 'start': 950.604, 'duration': 6.361}], 'summary': 'Created a menu with multiple pages for website.', 'duration': 29.598, 'max_score': 927.367, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w927367.jpg'}, {'end': 1084.647, 'src': 'embed', 'start': 1051.342, 'weight': 5, 'content': [{'end': 1054.725, 'text': 'And guys, every single theme out there has a theme customizer.', 'start': 1051.342, 'duration': 3.383}, {'end': 1058.148, 'text': 'Divi has a very Well designed themed customizer.', 'start': 1054.725, 'duration': 3.423}, {'end': 1059.408, 'text': 'it has tons of options.', 'start': 1058.148, 'duration': 1.26}, {'end': 1062.549, 'text': 'You can really change a lot of stuff, such as your logo and everything else.', 'start': 1059.408, 'duration': 3.141}, {'end': 1065.471, 'text': "and also, for those of you who don't have a logo And you all want, don't worry about it,", 'start': 1062.549, 'duration': 2.922}, {'end': 1070.813, 'text': "because I'm going to provide you all with a website that will Create a really cool logo for just five bucks.", 'start': 1065.471, 'duration': 5.342}, {'end': 1073.654, 'text': 'in fact, I use that website for my logo.', 'start': 1070.813, 'duration': 2.841}, {'end': 1077.395, 'text': "now, right here, You have some options, but not to worry, We don't need to use most of these right now.", 'start': 1073.654, 'duration': 3.741}, {'end': 1084.647, 'text': 'the only thing I want you guys to do is go to home page, Go to a static page And your home page you want to select as home.', 'start': 1077.395, 'duration': 7.252}], 'summary': 'Divi theme offers a well-designed theme customizer with numerous options for customization. additionally, a website is recommended for creating logos at a low cost.', 'duration': 33.305, 'max_score': 1051.342, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w1051342.jpg'}, {'end': 1331.378, 'src': 'embed', 'start': 1302.319, 'weight': 2, 'content': [{'end': 1304.54, 'text': 'Also right here, you can control the length of the shadow.', 'start': 1302.319, 'duration': 2.221}, {'end': 1312.145, 'text': "So if you guys want to have this cool effect where it's kind of like, you know, has this, you know, this effect, you can have that as well.", 'start': 1304.74, 'duration': 7.405}, {'end': 1314.306, 'text': 'And of course, you can also change it vertically as well.', 'start': 1312.465, 'duration': 1.841}, {'end': 1318.188, 'text': "So there's a lot of cool ways you can use to design this as well.", 'start': 1315.406, 'duration': 2.782}, {'end': 1319.785, 'text': 'All right.', 'start': 1319.525, 'duration': 0.26}, {'end': 1325.351, 'text': "So but I don't really want a shadow, but I'm just kind of basically explaining what a shadow is.", 'start': 1320.546, 'duration': 4.805}, {'end': 1331.378, 'text': 'And also you can control the blur strength, like how much blur do you want, you can change the actual color of the shadow.', 'start': 1325.391, 'duration': 5.987}], 'summary': 'You can control the length, blur strength, and color of the shadow in the design.', 'duration': 29.059, 'max_score': 1302.319, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w1302319.jpg'}, {'end': 1498.033, 'src': 'embed', 'start': 1459.003, 'weight': 0, 'content': [{'end': 1461.304, 'text': "There's a lot of other ways you guys can use line height.", 'start': 1459.003, 'duration': 2.301}, {'end': 1465.226, 'text': "We'll talk more about line height and different ways you can use it later in this tutorial.", 'start': 1461.324, 'duration': 3.902}, {'end': 1468.008, 'text': "Let's just say you want to center align this text.", 'start': 1465.887, 'duration': 2.121}, {'end': 1469.949, 'text': "We're just going to click on center align.", 'start': 1468.248, 'duration': 1.701}, {'end': 1473.091, 'text': "That's basically it.", 'start': 1471.99, 'duration': 1.101}, {'end': 1475.773, 'text': 'We basically made our first section right here.', 'start': 1473.391, 'duration': 2.382}, {'end': 1479.536, 'text': 'So we have elegance, welcome to the Divi theme, et cetera.', 'start': 1476.713, 'duration': 2.823}, {'end': 1481.998, 'text': "Now let's just say you wanna go ahead and add a button.", 'start': 1479.956, 'duration': 2.042}, {'end': 1488.024, 'text': 'So maybe you wanna add a button to this right here, just like we have on that other one.', 'start': 1482.259, 'duration': 5.765}, {'end': 1491.788, 'text': "And a button's good, guys, because it can link to other parts of your website.", 'start': 1488.705, 'duration': 3.083}, {'end': 1498.033, 'text': 'So for example, you can link it to your contact page if you want someone to fill out a contact form, or you can bring them anywhere you want.', 'start': 1491.828, 'duration': 6.205}], 'summary': 'Tutorial covers various ways to use line height and add buttons to website sections.', 'duration': 39.03, 'max_score': 1459.003, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w1459003.jpg'}, {'end': 1945.757, 'src': 'embed', 'start': 1918.238, 'weight': 3, 'content': [{'end': 1920.939, 'text': 'So here is the gradient feature again, as we talked about.', 'start': 1918.238, 'duration': 2.701}, {'end': 1924.5, 'text': 'So here we can do a gradient feature just like we did for the button guys.', 'start': 1921.119, 'duration': 3.381}, {'end': 1926.561, 'text': 'We can do the same exact thing for our background.', 'start': 1924.52, 'duration': 2.041}, {'end': 1927.821, 'text': 'You can have it radial.', 'start': 1926.961, 'duration': 0.86}, {'end': 1934.383, 'text': "Let me give you guys a little better idea of some of these gradient features because now it's a little bit more easier to see.", 'start': 1928.542, 'duration': 5.841}, {'end': 1937.644, 'text': "So I'm gonna go ahead and move this like that.", 'start': 1934.403, 'duration': 3.241}, {'end': 1940.105, 'text': "So here I'm gonna go ahead and drag this down.", 'start': 1938.484, 'duration': 1.621}, {'end': 1945.757, 'text': "So I'll click on this really quick, and I'm gonna go ahead and make this a little bit longer.", 'start': 1942.096, 'duration': 3.661}], 'summary': 'Demonstration of applying gradient feature to background, making it easier to see.', 'duration': 27.519, 'max_score': 1918.238, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w1918238.jpg'}], 'start': 927.367, 'title': 'Website design and customization', 'summary': 'Covers setting up website menu and custom links, creating a website with divi, and adding text modules, buttons, and backgrounds, offering detailed instructions and design options for website customization.', 'chapters': [{'end': 1065.471, 'start': 927.367, 'title': 'Setting up website menu and custom links', 'summary': 'Explains how to create and customize a website menu, including adding pages and creating custom links, and also illustrates how to set up a dropdown menu, with a note on setting the homepage through the theme customizer.', 'duration': 138.104, 'highlights': ['The chapter explains how to create and customize a website menu, including adding pages and creating custom links.', 'It also illustrates how to set up a dropdown menu and a note on setting the homepage through the theme customizer.', 'Custom links allow users to redirect to specific URLs, such as a PayPal donation or another website, and can be used for various purposes.', 'The theme customizer in Divi offers a wide range of options for customizing the website, including the logo and other elements.']}, {'end': 1358.153, 'start': 1065.471, 'title': 'Creating a website with divi', 'summary': 'Explains how to use divi to design a website, including selecting a home page, adding text with specific formatting and design options, and utilizing the visual builder for visual design.', 'duration': 292.682, 'highlights': ['The tutorial focuses on using Divi to design a website, emphasizing the selection of a home page and the use of the Visual Builder for visual design. The tutorial emphasizes the importance of selecting a home page and using the Visual Builder for visual design, key steps in designing a website using Divi.', 'The process involves adding and formatting text using specific font, size, color, and alignment options, with the tutorial providing detailed instructions and tips. The tutorial provides detailed instructions on adding and formatting text, including font selection, size adjustment, color choice, and alignment options, offering useful tips for effective design.', "The tutorial explains the flexibility of Divi's design options, such as adding shadows, adjusting their length and blur strength, and changing their color, enabling creative and customizable effects. The tutorial highlights the flexibility of Divi's design options, including adding shadows with customizable attributes such as length, blur strength, and color, allowing for creative and customizable effects in website design."]}, {'end': 2046.572, 'start': 1358.713, 'title': 'Creating text modules, buttons, and backgrounds', 'summary': 'Covers creating multiple text modules, adding buttons with customizable styles and links, and demonstrating the use of background colors and images, providing detailed instructions and explanations on each feature.', 'duration': 687.859, 'highlights': ['Creating and customizing text modules The tutorial explains how to add and customize multiple text modules, including changing the text color, font, size, and spacing, while also discussing the concept of line height and center alignment.', 'Adding and customizing buttons with link options The tutorial demonstrates adding buttons with customizable styles, link options, and hover effects, allowing for directing the audience to specific website sections or external links using detailed design and customization instructions.', 'Exploring background color and gradient features The tutorial provides an in-depth exploration of background color and gradient features, offering detailed guidance on radial and linear direction, start and end positions, and the use of background images from external sources such as unsplash.com.']}], 'duration': 1119.205, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w927367.jpg', 'highlights': ['The tutorial provides detailed instructions on adding and formatting text, including font selection, size adjustment, color choice, and alignment options, offering useful tips for effective design.', 'The tutorial demonstrates adding buttons with customizable styles, link options, and hover effects, allowing for directing the audience to specific website sections or external links using detailed design and customization instructions.', "The tutorial explains the flexibility of Divi's design options, including adding shadows with customizable attributes such as length, blur strength, and color, allowing for creative and customizable effects in website design.", 'The tutorial provides an in-depth exploration of background color and gradient features, offering detailed guidance on radial and linear direction, start and end positions, and the use of background images from external sources such as unsplash.com.', 'The chapter explains how to create and customize a website menu, including adding pages and creating custom links.', 'The theme customizer in Divi offers a wide range of options for customizing the website, including the logo and other elements.', 'The tutorial focuses on using Divi to design a website, emphasizing the selection of a home page and the use of the Visual Builder for visual design.']}, {'end': 3618.673, 'segs': [{'end': 2302.69, 'src': 'embed', 'start': 2278.053, 'weight': 4, 'content': [{'end': 2284.878, 'text': 'So you guys can see now how this is only changing this one right here because heading one controls heading one text.', 'start': 2278.053, 'duration': 6.825}, {'end': 2295.845, 'text': 'Okay, And this was a new feature that Dave introduced that really helped um clarifying like situations on cause it was before you had to like make each text row and you have to like make a lot of text modules,', 'start': 2284.978, 'duration': 10.867}, {'end': 2300.108, 'text': 'but now you can just kind of add everything within the same one to make it much easier.', 'start': 2295.845, 'duration': 4.263}, {'end': 2302.69, 'text': "So on this top one right here, I'm going to do heavy.", 'start': 2300.528, 'duration': 2.162}], 'summary': 'New feature introduced by dave simplified text module creation, reducing effort and improving clarity.', 'duration': 24.637, 'max_score': 2278.053, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2278053.jpg'}, {'end': 2436.111, 'src': 'embed', 'start': 2406.482, 'weight': 2, 'content': [{'end': 2409.485, 'text': 'So right here, we can make it a little bit smaller or bigger, however you want to do it.', 'start': 2406.482, 'duration': 3.003}, {'end': 2412.508, 'text': 'text color, black.', 'start': 2410.726, 'duration': 1.782}, {'end': 2416.971, 'text': "So basically, guys, in short, what we've done is categorize the text.", 'start': 2412.588, 'duration': 4.383}, {'end': 2419.933, 'text': 'So I kind of want to control each and every one.', 'start': 2417.171, 'duration': 2.762}, {'end': 2422.555, 'text': 'So I want each one to have a different font and color, etc.', 'start': 2419.993, 'duration': 2.562}, {'end': 2426.678, 'text': 'Okay And another thing that we can do right here is click on this.', 'start': 2422.735, 'duration': 3.943}, {'end': 2430.621, 'text': "Now, let's just say you want to add in a link, but you don't want to use the button.", 'start': 2426.838, 'duration': 3.783}, {'end': 2433.003, 'text': "So right here, I'm going to click on something like click me.", 'start': 2430.821, 'duration': 2.182}, {'end': 2436.111, 'text': "I'm going to highlight this.", 'start': 2434.929, 'duration': 1.182}], 'summary': 'Categorizing and customizing text with font, color, and links.', 'duration': 29.629, 'max_score': 2406.482, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2406482.jpg'}, {'end': 2557.645, 'src': 'embed', 'start': 2521.933, 'weight': 0, 'content': [{'end': 2526.574, 'text': "This next part, guys, is pretty simple, but I'm going to show you a trick on how to add a split screen.", 'start': 2521.933, 'duration': 4.641}, {'end': 2527.694, 'text': 'Later in the tutorial.', 'start': 2526.654, 'duration': 1.04}, {'end': 2534.455, 'text': "we'll get a little bit more advanced, a little bit towards the end of the tutorial, when you guys are getting more comfortable with this.", 'start': 2527.694, 'duration': 6.761}, {'end': 2535.536, 'text': 'Right here, I want to select an image.', 'start': 2534.475, 'duration': 1.061}, {'end': 2539.256, 'text': "I'm going to select this one right here and go to upload an image.", 'start': 2535.556, 'duration': 3.7}, {'end': 2541.217, 'text': 'All right, so now you have your image.', 'start': 2539.916, 'duration': 1.301}, {'end': 2541.997, 'text': 'Pretty cool, right?', 'start': 2541.457, 'duration': 0.54}, {'end': 2548.842, 'text': 'So we have this text right here, but we maybe want this text aligned, you know, somewhere in the middle, right?', 'start': 2543.28, 'duration': 5.562}, {'end': 2551.463, 'text': "It's kind of a little bit too far or too top.", 'start': 2548.862, 'duration': 2.601}, {'end': 2553.083, 'text': 'We want it kind of like in the middle with this picture.', 'start': 2551.483, 'duration': 1.6}, {'end': 2557.645, 'text': 'So under design right here, we have sizing and we also have spacing.', 'start': 2553.604, 'duration': 4.041}], 'summary': 'Tutorial on adding split screen, aligning text, and spacing images.', 'duration': 35.712, 'max_score': 2521.933, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2521933.jpg'}, {'end': 2824.844, 'src': 'embed', 'start': 2794.963, 'weight': 5, 'content': [{'end': 2800.067, 'text': "So this blue box right here, see how this white right here, it's too much.", 'start': 2794.963, 'duration': 5.104}, {'end': 2804.871, 'text': "It's too much white and we're not really telling our visitors how we're directing them.", 'start': 2800.428, 'duration': 4.443}, {'end': 2813.238, 'text': "So let's go ahead and click on this blue section right here and let's create a box shadow to sort of categorize the sections to help people navigate the website better.", 'start': 2804.931, 'duration': 8.307}, {'end': 2816.66, 'text': "So right here under design, I'm going to go to box shadow.", 'start': 2813.738, 'duration': 2.922}, {'end': 2819.142, 'text': "And right here, we'll click on this box.", 'start': 2817.641, 'duration': 1.501}, {'end': 2824.844, 'text': "And you see now how we have that little box shadow to kind of tell people that we're starting a new section.", 'start': 2819.962, 'duration': 4.882}], 'summary': 'Adding box shadow to blue section to improve website navigation.', 'duration': 29.881, 'max_score': 2794.963, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2794963.jpg'}, {'end': 2968.703, 'src': 'heatmap', 'start': 2857.755, 'weight': 0.737, 'content': [{'end': 2861.837, 'text': "I'm going to change this to, change this to, it doesn't matter.", 'start': 2857.755, 'duration': 4.082}, {'end': 2862.698, 'text': "We'll leave it like that.", 'start': 2861.857, 'duration': 0.841}, {'end': 2863.818, 'text': "Right here, I'm going to do Playfair.", 'start': 2862.718, 'duration': 1.1}, {'end': 2866.7, 'text': 'Is that right? Playfair display.', 'start': 2863.838, 'duration': 2.862}, {'end': 2873.966, 'text': "Okay, so then right here, I'm just gonna leave it as, we'll do bold.", 'start': 2870.339, 'duration': 3.627}, {'end': 2878.214, 'text': 'And then I want this text really big, maybe like 200 pixels.', 'start': 2875.489, 'duration': 2.725}, {'end': 2882.402, 'text': 'Okay, and then 200 pixels.', 'start': 2880.799, 'duration': 1.603}, {'end': 2887.682, 'text': "And then right here, I'm going to click on orientation right there.", 'start': 2884.4, 'duration': 3.282}, {'end': 2890.024, 'text': 'And right here, I want to make some space, guys.', 'start': 2888.583, 'duration': 1.441}, {'end': 2893.346, 'text': 'So I kind of want to push this page down a little bit before I continue.', 'start': 2890.044, 'duration': 3.302}, {'end': 2896.828, 'text': "So right here, I'm going to go ahead and just drag this and push this down more.", 'start': 2893.886, 'duration': 2.942}, {'end': 2899.91, 'text': 'I kind of want to make a little bit more space to just give me some working room.', 'start': 2896.848, 'duration': 3.062}, {'end': 2903.112, 'text': 'So right here, I have this features.', 'start': 2901.211, 'duration': 1.901}, {'end': 2905.414, 'text': 'So we have designs and everything.', 'start': 2904.273, 'duration': 1.141}, {'end': 2912.139, 'text': 'Now what I want to do actually is I want to take this and I kind of want to put it behind and I also want to reduce the transparency.', 'start': 2905.974, 'duration': 6.165}, {'end': 2915.122, 'text': "So right here I'm going to take this and drag it above it.", 'start': 2912.8, 'duration': 2.322}, {'end': 2921.407, 'text': "Now you guys can see it's overlapping now and the reason why it's overlapping is because this text is too big.", 'start': 2915.142, 'duration': 6.265}, {'end': 2929.813, 'text': 'So I actually want to make it transparent to kind of have that really cool neat design look that I had before.', 'start': 2922.007, 'duration': 7.806}, {'end': 2936.679, 'text': "So going to my text, I'm going to go to the text color And I'm going to reduce the transparency of this.", 'start': 2929.913, 'duration': 6.766}, {'end': 2940.181, 'text': "See how now it's really kind of fading away like that right there.", 'start': 2936.999, 'duration': 3.182}, {'end': 2945.445, 'text': "So now it actually looks better, right? It looks like it's, you know, it's creative at the same time.", 'start': 2940.261, 'duration': 5.184}, {'end': 2948.087, 'text': 'So and then maybe we can, you know, change the text size.', 'start': 2945.525, 'duration': 2.562}, {'end': 2951.269, 'text': 'But you guys can see right here, we did the same exact thing right here.', 'start': 2948.107, 'duration': 3.162}, {'end': 2952.29, 'text': 'So I did features.', 'start': 2951.389, 'duration': 0.901}, {'end': 2956.573, 'text': 'And then right here, we did the same exact thing, except I just capitalized the F right here.', 'start': 2952.75, 'duration': 3.823}, {'end': 2957.774, 'text': 'So right here.', 'start': 2957.353, 'duration': 0.421}, {'end': 2964.122, 'text': "So then we can, you know, that's basically how we accomplish this section right here.", 'start': 2961.141, 'duration': 2.981}, {'end': 2968.703, 'text': 'Okay And, you know, you can reduce the transparency more to, you know, have it like that.', 'start': 2964.502, 'duration': 4.201}], 'summary': 'Design adjustments made to text and transparency for creative look and feel.', 'duration': 110.948, 'max_score': 2857.755, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2857755.jpg'}, {'end': 3073.413, 'src': 'embed', 'start': 3039.046, 'weight': 6, 'content': [{'end': 3041.368, 'text': "They're just basically different tools to design your website.", 'start': 3039.046, 'duration': 2.322}, {'end': 3043.41, 'text': 'But I wanna add in something cooler.', 'start': 3041.788, 'duration': 1.622}, {'end': 3045.732, 'text': 'I wanna add in a blurb.', 'start': 3043.43, 'duration': 2.302}, {'end': 3047.153, 'text': "It's right here, blurbs.", 'start': 3045.752, 'duration': 1.401}, {'end': 3050.075, 'text': "And blurbs are great for like our services page, you know where it's like.", 'start': 3047.533, 'duration': 2.542}, {'end': 3057.922, 'text': 'you talk about like whatever and you just kind of like talk about stuff and then you just put like a little you know text that talks about nothing.', 'start': 3051.537, 'duration': 6.385}, {'end': 3060.704, 'text': 'you know to impress visitors about your website.', 'start': 3057.922, 'duration': 2.782}, {'end': 3062.326, 'text': "but I'm gonna add some dummy text right here.", 'start': 3060.704, 'duration': 1.622}, {'end': 3066.709, 'text': "I'll actually just grab this right here.", 'start': 3062.326, 'duration': 4.383}, {'end': 3073.413, 'text': 'if you guys need dummy text, just go to dummy text And then right here I mean I use this site all the time.', 'start': 3066.709, 'duration': 6.704}], 'summary': 'Different tools for website design. adding blurbs for services page. recommends dummy text site.', 'duration': 34.367, 'max_score': 3039.046, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3039046.jpg'}, {'end': 3370.253, 'src': 'embed', 'start': 3324.155, 'weight': 7, 'content': [{'end': 3326.016, 'text': "You know, it's too close to everything.", 'start': 3324.155, 'duration': 1.861}, {'end': 3327.596, 'text': 'So I want to add some padding within it.', 'start': 3326.096, 'duration': 1.5}, {'end': 3329.716, 'text': "So let me just show you what I'm going to be doing.", 'start': 3328.136, 'duration': 1.58}, {'end': 3331.137, 'text': 'So 45 pixels.', 'start': 3330.216, 'duration': 0.921}, {'end': 3333.617, 'text': "You can see now we're creating space right there.", 'start': 3331.497, 'duration': 2.12}, {'end': 3337.858, 'text': 'Here I want to add 30 pixels, and then 45 pixels, and then again 30 pixels.', 'start': 3334.578, 'duration': 3.28}, {'end': 3343.982, 'text': "So we've kind of made it a little bit more unique.", 'start': 3341.159, 'duration': 2.823}, {'end': 3346.384, 'text': "You know, we've made it really nice and it looks good.", 'start': 3344.162, 'duration': 2.222}, {'end': 3348.366, 'text': "So I'm going to go ahead and click on this right now.", 'start': 3346.984, 'duration': 1.382}, {'end': 3354.952, 'text': 'Now we can also duplicate this instead of doing all that hard work all over again.', 'start': 3350.728, 'duration': 4.224}, {'end': 3357.314, 'text': 'So duplicate it, drag it.', 'start': 3355.472, 'duration': 1.842}, {'end': 3361.367, 'text': 'Duplicate it, and then also drag it.', 'start': 3358.905, 'duration': 2.462}, {'end': 3365.57, 'text': 'Simple, right? And then, of course, you guys can go ahead and change the options.', 'start': 3362.127, 'duration': 3.443}, {'end': 3370.253, 'text': 'Like, for example, you might not want a gradient background here.', 'start': 3365.59, 'duration': 4.663}], 'summary': 'Adding padding of 45px and 30px; duplicating elements for easier design.', 'duration': 46.098, 'max_score': 3324.155, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3324155.jpg'}, {'end': 3456.775, 'src': 'embed', 'start': 3426.201, 'weight': 9, 'content': [{'end': 3428.342, 'text': 'So really quickly, my background image right here.', 'start': 3426.201, 'duration': 2.141}, {'end': 3431.504, 'text': 'I kind of want to change this option right here for our background image.', 'start': 3428.342, 'duration': 3.162}, {'end': 3439.247, 'text': "So for our background right here, I kind of want it to either, you know, cover or actually, let's see, we'll do actual size.", 'start': 3432.244, 'duration': 7.003}, {'end': 3441.508, 'text': 'So that looks a little bit more professional.', 'start': 3440.007, 'duration': 1.501}, {'end': 3446.71, 'text': "So if you guys use cover, it's going to kind of like, you know, it's going to be a little bit bigger.", 'start': 3441.688, 'duration': 5.022}, {'end': 3447.731, 'text': "Fit's going to be a little bit bigger.", 'start': 3446.73, 'duration': 1.001}, {'end': 3451.333, 'text': 'So I prefer using the actual size that we made for this tutorial.', 'start': 3448.171, 'duration': 3.162}, {'end': 3456.775, 'text': "And center left again, if you make this bigger, it's going to like adjust to wherever that is.", 'start': 3452.353, 'duration': 4.422}], 'summary': "Preference for 'actual size' background image to appear more professional.", 'duration': 30.574, 'max_score': 3426.201, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3426201.jpg'}, {'end': 3564.797, 'src': 'embed', 'start': 3536.021, 'weight': 10, 'content': [{'end': 3538.923, 'text': "And then right here, I'll just click on OK.", 'start': 3536.021, 'duration': 2.902}, {'end': 3541.566, 'text': 'Now, I also want to add in a divider.', 'start': 3539.544, 'duration': 2.022}, {'end': 3544.268, 'text': "So right here, I'm going to click on Add a Module.", 'start': 3541.866, 'duration': 2.402}, {'end': 3546.19, 'text': "And we're going to look for the divider module.", 'start': 3544.748, 'duration': 1.442}, {'end': 3553.376, 'text': 'So what the divider module does is that it actually creates that line, but it actually makes space as well.', 'start': 3546.73, 'duration': 6.646}, {'end': 3555.517, 'text': 'So right here, I want to show the divider.', 'start': 3553.516, 'duration': 2.001}, {'end': 3559.381, 'text': "We can add a background to it or whatever, but I don't want to do that.", 'start': 3556.498, 'duration': 2.883}, {'end': 3562.283, 'text': "So color, we're going to select this as this purple.", 'start': 3559.441, 'duration': 2.842}, {'end': 3564.797, 'text': 'And then we have styles.', 'start': 3563.717, 'duration': 1.08}], 'summary': 'The process involves adding a divider module to create a line with space, selecting a purple color, and choosing styles.', 'duration': 28.776, 'max_score': 3536.021, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3536021.jpg'}], 'start': 2046.932, 'title': 'Website design and customization', 'summary': 'Covers tutorials on website design and customization including uploading images, text formatting, and design element manipulation, introducing new features and emphasizing the importance of styling and linking text elements, and providing insights into customizing section design for a professional look.', 'chapters': [{'end': 2295.845, 'start': 2046.932, 'title': 'Website design tutorial', 'summary': 'Provides a tutorial on how to upload and customize images, add overlay effects, control transparency, save buttons for later use, and create a split screen section with different text fonts and styles. it also mentions a new feature introduced by dave to simplify text formatting.', 'duration': 248.913, 'highlights': ['The tutorial demonstrates the process of uploading and customizing images, including adding overlay effects and controlling transparency.', 'It explains how to save buttons for later use and create a split screen section with different text fonts and styles.', 'The chapter mentions a new feature introduced by Dave to simplify text formatting by controlling specific text elements.']}, {'end': 2539.256, 'start': 2295.845, 'title': 'Text styling and linking in website design', 'summary': 'Discusses how to style different text elements, adjust fonts, sizes, and spacing, as well as add links in website design, emphasizing the importance of these features and providing examples of call to action and image insertion.', 'duration': 243.411, 'highlights': ['The chapter demonstrates how to style different text elements, such as heavy, thin, and with varying sizes and spacing, emphasizing the importance of text categorization and control.', 'It provides a detailed guide on adding links in website design, including specifying the destination, format, and decorations like underlining or italicizing, with a specific example of adding a link to darylwilson.com.', 'It includes examples of call to action elements and image insertion, hinting at more advanced techniques to be covered later in the tutorial.']}, {'end': 3306.008, 'start': 2539.916, 'title': 'Manipulating design elements', 'summary': 'Explains how to manipulate design elements such as alignment, padding, margin, and background images in website design using a visual editor, providing insights into the process and impact on user experience.', 'duration': 766.092, 'highlights': ['The chapter covers how to adjust text alignment, padding, and margin to create visually appealing design, such as aligning text to the middle with the picture and creating a split screen effect (e.g., using padding of 50 pixels and 75 pixels).', 'It provides insights into customizing background images and adding box shadows for better user navigation, emphasizing the importance of visual cues in website design.', 'The tutorial explains the use of design modules like blurbs to enhance user engagement and demonstrates how to customize them by adding icons, gradients, and animations for a more interactive user experience.']}, {'end': 3618.673, 'start': 3306.028, 'title': 'Customizing section design', 'summary': 'Illustrates customizing section design by adjusting sizing, spacing, duplicating content, changing background image options, and utilizing divider module for creating a professional and unique look.', 'duration': 312.645, 'highlights': ['Adjusting spacing and sizing: Demonstrating how to create space by adding padding and changing content width, with examples of 45 pixels and 30 pixels.', 'Utilizing duplicate feature: Illustrating the ease of duplicating content to avoid repetitive work and make adjustments, with a demonstration of duplicating and dragging elements.', "Changing background image options: Explaining the impact of using 'cover' or 'actual size' options for background images, and advocating for the 'actual size' for a more professional appearance.", 'Utilizing divider module: Explaining the functionality of the divider module in creating lines and space, with a demonstration of customizing color, style, weight, height, and positioning.']}], 'duration': 1571.741, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w2046932.jpg', 'highlights': ['The tutorial demonstrates the process of uploading and customizing images, including adding overlay effects and controlling transparency.', 'The chapter covers how to adjust text alignment, padding, and margin to create visually appealing design, such as aligning text to the middle with the picture and creating a split screen effect (e.g., using padding of 50 pixels and 75 pixels).', 'The chapter demonstrates how to style different text elements, such as heavy, thin, and with varying sizes and spacing, emphasizing the importance of text categorization and control.', 'The chapter demonstrates how to style different text elements, such as heavy, thin, and with varying sizes and spacing, emphasizing the importance of text categorization and control.', 'The chapter mentions a new feature introduced by Dave to simplify text formatting by controlling specific text elements.', 'It provides insights into customizing background images and adding box shadows for better user navigation, emphasizing the importance of visual cues in website design.', 'The tutorial explains the use of design modules like blurbs to enhance user engagement and demonstrates how to customize them by adding icons, gradients, and animations for a more interactive user experience.', 'Adjusting spacing and sizing: Demonstrating how to create space by adding padding and changing content width, with examples of 45 pixels and 30 pixels.', 'Utilizing duplicate feature: Illustrating the ease of duplicating content to avoid repetitive work and make adjustments, with a demonstration of duplicating and dragging elements.', "Changing background image options: Explaining the impact of using 'cover' or 'actual size' options for background images, and advocating for the 'actual size' for a more professional appearance.", 'Utilizing divider module: Explaining the functionality of the divider module in creating lines and space, with a demonstration of customizing color, style, weight, height, and positioning.']}, {'end': 4422.358, 'segs': [{'end': 3805.635, 'src': 'embed', 'start': 3777.504, 'weight': 1, 'content': [{'end': 3782.946, 'text': 'Instead of having to manually remake it all over again, we just basically made a really cool section right here.', 'start': 3777.504, 'duration': 5.442}, {'end': 3788.988, 'text': 'Now instead of adding an image right here, I wanna show you guys another way you can kind of manipulate this theme.', 'start': 3783.726, 'duration': 5.262}, {'end': 3792.609, 'text': 'So right here under the settings, we have background.', 'start': 3789.648, 'duration': 2.961}, {'end': 3796.911, 'text': 'Now you can also add pictures and everything else to each column.', 'start': 3792.89, 'duration': 4.021}, {'end': 3801.713, 'text': 'So right here we have column one background, and then right here we have column two background.', 'start': 3797.051, 'duration': 4.662}, {'end': 3805.635, 'text': "So right here, I'm gonna click on image, Click on this.", 'start': 3802.493, 'duration': 3.142}], 'summary': 'Demonstrated a new method to manipulate theme with images and backgrounds.', 'duration': 28.131, 'max_score': 3777.504, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3777504.jpg'}, {'end': 3855.704, 'src': 'embed', 'start': 3831.414, 'weight': 0, 'content': [{'end': 3837.697, 'text': 'So, instead of using Photoshop and doing all that typical good stuff, you guys can actually use the theme to kind of manipulate it,', 'start': 3831.414, 'duration': 6.283}, {'end': 3843.819, 'text': "to basically say I want to add text over this, instead of having to go to Photoshop adding text over something, because that's a nightmare.", 'start': 3837.697, 'duration': 6.122}, {'end': 3849.081, 'text': 'Photoshop and image sizing is probably some of the most annoying things about web design.', 'start': 3844.099, 'duration': 4.982}, {'end': 3851.722, 'text': "So really quickly, let's go ahead and fix this section.", 'start': 3849.721, 'duration': 2.001}, {'end': 3853.003, 'text': "Now, I don't want any space up here.", 'start': 3851.762, 'duration': 1.241}, {'end': 3855.704, 'text': "So I'm going to go ahead and drag this and drag that.", 'start': 3853.023, 'duration': 2.681}], 'summary': 'Using the theme to manipulate images, avoiding photoshop. addressing image sizing issues in web design.', 'duration': 24.29, 'max_score': 3831.414, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3831414.jpg'}, {'end': 4277.436, 'src': 'embed', 'start': 4250.461, 'weight': 2, 'content': [{'end': 4253.823, 'text': 'Now, I also want to add in some testimonials, obviously.', 'start': 4250.461, 'duration': 3.362}, {'end': 4257.645, 'text': "So right here, I'm going to click on this and go to a three column row.", 'start': 4253.983, 'duration': 3.662}, {'end': 4260.607, 'text': 'Now guys, you can add like a portfolio.', 'start': 4258.045, 'duration': 2.562}, {'end': 4264.209, 'text': 'You can add in basically anything you can want right here.', 'start': 4260.667, 'duration': 3.542}, {'end': 4268.291, 'text': 'So you can add in like an image, et cetera, whatever you want.', 'start': 4264.249, 'duration': 4.042}, {'end': 4274.935, 'text': 'But just to help you off for tutorial purposes, I want to go ahead and use the testimonial right here.', 'start': 4268.331, 'duration': 6.604}, {'end': 4277.436, 'text': 'So author name.', 'start': 4276.295, 'duration': 1.141}], 'summary': 'Tutorial demonstrates adding testimonials and portfolio to a website.', 'duration': 26.975, 'max_score': 4250.461, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w4250461.jpg'}], 'start': 3618.733, 'title': 'Web design customization techniques', 'summary': 'Demonstrates techniques for web design customization, emphasizing time-saving and visual appeal, including adding and styling modules, aligning text, manipulating images, and duplicating sections.', 'chapters': [{'end': 4088.502, 'start': 3618.733, 'title': 'Web design customization techniques', 'summary': "Demonstrates techniques for web design customization, including adding and styling modules, aligning text, manipulating images, and duplicating sections, with an emphasis on saving time and enhancing the website's visual appeal.", 'duration': 469.769, 'highlights': ["The speaker explains how to manipulate the website's appearance by adding and styling modules such as text and buttons, emphasizing time-saving techniques and visual enhancements.", "Demonstrating the ability to manipulate images and create a split-screen effect, the speaker encourages the use of the theme's features to add text over images, reducing the need for external editing tools like Photoshop.", 'By duplicating sections and switching settings, the speaker showcases advanced techniques in web design customization, emphasizing the flexibility and uniqueness achievable through these methods.', 'The speaker highlights the use of background images and demonstrates techniques such as centering and adjusting image size to create visually appealing website sections, providing a comprehensive tutorial on achieving unique design effects.']}, {'end': 4422.358, 'start': 4088.562, 'title': 'Website design and customization', 'summary': 'Covers the process of adding testimonials and customizing the design of a website section, including making text adjustments, adding background images, and integrating testimonials.', 'duration': 333.796, 'highlights': ['The process of adding testimonials and customizing the design of a website section, including making text adjustments, adding background images, and integrating testimonials The speaker demonstrates the steps for adding testimonials to a website, adjusting text size, making a row a full-width row, and adding a background image, showcasing the customization process.', 'Exploring customization options such as changing the font size, adjusting heading text, and adding a background image The speaker explains the process of customizing font sizes, heading text, and adding background images, providing insights into different customization options for website design.', 'Detailing the process of integrating testimonials, including adding author name, job title, company name, content, and design elements The speaker provides a step-by-step guide to integrating testimonials by adding author details, job title, company name, content, and customizing design elements, offering a comprehensive approach to testimonial integration.']}], 'duration': 803.625, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w3618733.jpg', 'highlights': ['The speaker showcases advanced techniques in web design customization, emphasizing the flexibility and uniqueness achievable through these methods.', 'The speaker highlights the use of background images and demonstrates techniques such as centering and adjusting image size to create visually appealing website sections, providing a comprehensive tutorial on achieving unique design effects.', 'The process of adding testimonials and customizing the design of a website section, including making text adjustments, adding background images, and integrating testimonials The speaker demonstrates the steps for adding testimonials to a website, adjusting text size, making a row a full-width row, and adding a background image, showcasing the customization process.', 'Detailing the process of integrating testimonials, including adding author name, job title, company name, content, and design elements The speaker provides a step-by-step guide to integrating testimonials by adding author details, job title, company name, content, and customizing design elements, offering a comprehensive approach to testimonial integration.', "Demonstrating the ability to manipulate images and create a split-screen effect, the speaker encourages the use of the theme's features to add text over images, reducing the need for external editing tools like Photoshop."]}, {'end': 5299.817, 'segs': [{'end': 4470.175, 'src': 'embed', 'start': 4441.558, 'weight': 1, 'content': [{'end': 4445.441, 'text': 'So if I wait a little bit, I can kind of, you know, decorate the background.', 'start': 4441.558, 'duration': 3.883}, {'end': 4446.962, 'text': 'And also for sizing.', 'start': 4445.541, 'duration': 1.421}, {'end': 4448.663, 'text': 'again, you guys control the width of it.', 'start': 4446.962, 'duration': 1.701}, {'end': 4451.865, 'text': 'you can make it a tiny testimonial or a very large testimonial.', 'start': 4448.663, 'duration': 3.202}, {'end': 4452.926, 'text': 'you can even make it very big.', 'start': 4451.865, 'duration': 1.061}, {'end': 4456.709, 'text': 'And for spacing, again, you guys understand margin and padding.', 'start': 4453.687, 'duration': 3.022}, {'end': 4465.514, 'text': 'So again, I can add in some margin or we can, you know, add some padding, like you know 50 to kind of get you guys an idea of how that works.', 'start': 4456.749, 'duration': 8.765}, {'end': 4470.175, 'text': 'so okay, and then also for border, you know same thing, guys.', 'start': 4465.514, 'duration': 4.661}], 'summary': 'Customize testimonial size, spacing, and border for flexibility and design control.', 'duration': 28.617, 'max_score': 4441.558, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w4441558.jpg'}, {'end': 4747.244, 'src': 'embed', 'start': 4718.577, 'weight': 4, 'content': [{'end': 4722.359, 'text': "And then, you know, I'm not going to do, place gradient above background.", 'start': 4718.577, 'duration': 3.782}, {'end': 4724.622, 'text': 'So basically I have this section right here.', 'start': 4722.74, 'duration': 1.882}, {'end': 4728.406, 'text': "Now, how do I see it? So I want to be able to see what I'm doing right here.", 'start': 4724.762, 'duration': 3.644}, {'end': 4734.192, 'text': 'So under the design tab right here, under spacing, I want to go ahead and add in some padding right here.', 'start': 4728.506, 'duration': 5.686}, {'end': 4739.542, 'text': 'Maybe 25, just to give us some room.', 'start': 4736.801, 'duration': 2.741}, {'end': 4747.244, 'text': 'And now right here, I want to enter something like 30 pixels, and then 30 pixels, 30 pixels, and then 30 pixels.', 'start': 4739.962, 'duration': 7.282}], 'summary': 'Adding 25 padding and 30 pixels to the design for better visibility.', 'duration': 28.667, 'max_score': 4718.577, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w4718577.jpg'}, {'end': 5279.503, 'src': 'embed', 'start': 5244.86, 'weight': 0, 'content': [{'end': 5249.501, 'text': 'But you guys just witnessed how fast you can make a landing page with the Divi theme.', 'start': 5244.86, 'duration': 4.641}, {'end': 5252.018, 'text': 'In this next section, I want you guys to take a break.', 'start': 5250.236, 'duration': 1.782}, {'end': 5254.36, 'text': 'You know, you guys have been working hard for about an hour and a half,', 'start': 5252.078, 'duration': 2.282}, {'end': 5260.627, 'text': 'so I kind of want to show you guys some websites and give you guys some additional free resources to help you guys out.', 'start': 5254.36, 'duration': 6.267}, {'end': 5268.736, 'text': "Now, if you guys need a logo, so something like this up here, of course you don't want to use that one, you guys should definitely go to fiverr.com.", 'start': 5261.268, 'duration': 7.468}, {'end': 5270.798, 'text': 'There is a link in the description of this video.', 'start': 5268.756, 'duration': 2.042}, {'end': 5273.8, 'text': 'And you guys can simply just type in logo service or something like that.', 'start': 5271.158, 'duration': 2.642}, {'end': 5277.582, 'text': 'And these guys will make you a logo for just five bucks.', 'start': 5273.9, 'duration': 3.682}, {'end': 5279.503, 'text': 'So they really help you out.', 'start': 5277.802, 'duration': 1.701}], 'summary': 'Demonstration of fast landing page creation with divi theme; recommends fiverr.com for logo services at $5.', 'duration': 34.643, 'max_score': 5244.86, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w5244860.jpg'}], 'start': 4423.038, 'title': 'Customizing testimonial layout and website design tutorial', 'summary': 'Discusses customizing the testimonial layout with options to change font, text size, color, and more, and covers a website design tutorial using divi theme, with tips including getting a logo from fiverr for $5.', 'chapters': [{'end': 4477.017, 'start': 4423.038, 'title': 'Customizing testimonial layout', 'summary': 'Discusses customizing the testimonial layout, including changing font, text size, color, background, width, margin, padding, and border options, with the ability to make it very large or tiny, and even includes an example of adding padding of 50.', 'duration': 53.979, 'highlights': ['The chapter discusses the process of customizing the testimonial layout, including changing font, text size, color, background, width, margin, padding, and border options.', 'It emphasizes the ability to control the width of the testimonial, ranging from tiny to very large, providing flexibility in design.', 'It also includes an example of adding padding of 50, showcasing the practical application of spacing adjustments.']}, {'end': 5299.817, 'start': 4477.017, 'title': 'Website design tutorial and tips', 'summary': 'Covers a tutorial on designing a website using divi theme, including customization of sections and adding plugins to the footer, and provides tips for getting a logo from fiverr for just five bucks.', 'duration': 822.8, 'highlights': ['The chapter covers a tutorial on designing a website using Divi theme. It includes the process of customizing sections, adding text modules, duplicating sections, adjusting padding and width, creating a gradient background, and adding designs behind columns.', 'Adding plugins to the footer, and provides tips for getting a logo from Fiverr for just five bucks. The section demonstrates the addition of plugins like Facebook Like Box and Instagram feed to the footer and recommends using Fiverr for getting a logo for a budget-friendly price.']}], 'duration': 876.779, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w4423038.jpg', 'highlights': ['The chapter covers a tutorial on designing a website using Divi theme, including customizing sections, adding text modules, duplicating sections, and adjusting padding and width.', 'It discusses the process of customizing the testimonial layout, including changing font, text size, color, background, width, margin, padding, and border options.', 'It emphasizes the ability to control the width of the testimonial, providing flexibility in design.', 'The section demonstrates the addition of plugins like Facebook Like Box and Instagram feed to the footer and recommends using Fiverr for getting a logo for a budget-friendly price.', 'It includes an example of adding padding of 50, showcasing the practical application of spacing adjustments.']}, {'end': 6225.901, 'segs': [{'end': 5441.696, 'src': 'embed', 'start': 5415.954, 'weight': 0, 'content': [{'end': 5421.196, 'text': "But there's still other options in here that you might want to use, so be sure, just to check some of these out.", 'start': 5415.954, 'duration': 5.242}, {'end': 5429.336, 'text': "Again, I don't really use these too much just because they're not really needed except for something like the updates.", 'start': 5422.389, 'duration': 6.947}, {'end': 5430.217, 'text': 'That would be needed.', 'start': 5429.496, 'duration': 0.721}, {'end': 5435.482, 'text': "So if you want updates, you'd put your username and API key there, and then you can go ahead and kind of mess around.", 'start': 5430.317, 'duration': 5.165}, {'end': 5437.965, 'text': "Also, let's go ahead and talk about the theme customizer.", 'start': 5435.983, 'duration': 1.982}, {'end': 5441.696, 'text': 'So you guys can just sit back, relax, get your favorite beer.', 'start': 5438.953, 'duration': 2.743}], 'summary': 'Instructions for using options and theme customizer, with mention of updates and api key.', 'duration': 25.742, 'max_score': 5415.954, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w5415954.jpg'}, {'end': 5598.94, 'src': 'embed', 'start': 5570.899, 'weight': 1, 'content': [{'end': 5578.525, 'text': "And guys, it's very important to optimize it for mobile because That's like half the traffic now, I think, so it's pretty important.", 'start': 5570.899, 'duration': 7.626}, {'end': 5581.087, 'text': "And let's say, for example, this part right here.", 'start': 5579.126, 'duration': 1.961}, {'end': 5587.352, 'text': "This picture right here, it's beautiful, right? But we don't really need it for mobile.", 'start': 5582.268, 'duration': 5.084}, {'end': 5589.233, 'text': "We don't really need to show people this for mobile.", 'start': 5587.372, 'duration': 1.861}, {'end': 5598.94, 'text': 'So right here, under this gear icon, I can go ahead and scroll down and go to, I believe it is the background or the admin panel.', 'start': 5589.573, 'duration': 9.367}], 'summary': "Optimize for mobile, as it's half the traffic now.", 'duration': 28.041, 'max_score': 5570.899, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w5570899.jpg'}, {'end': 6086.474, 'src': 'embed', 'start': 6057.344, 'weight': 2, 'content': [{'end': 6063.047, 'text': "They're saying, hey, this isn't working for me, or hey, this doesn't work, and it says, it's in the tutorial, you just gotta watch it.", 'start': 6057.344, 'duration': 5.703}, {'end': 6066.788, 'text': 'So make sure to please stay till the end to watch that.', 'start': 6063.767, 'duration': 3.021}, {'end': 6070.57, 'text': 'Now, I wanna go ahead and upload that footer that I downloaded.', 'start': 6067.189, 'duration': 3.381}, {'end': 6075.292, 'text': 'So once you download it, you guys can go to your dashboard, and go to Divi, and go to Divi Library.', 'start': 6070.61, 'duration': 4.682}, {'end': 6077.133, 'text': 'And guys, Divi Library is amazing.', 'start': 6075.312, 'duration': 1.821}, {'end': 6079.534, 'text': 'You can import and export layouts.', 'start': 6077.213, 'duration': 2.321}, {'end': 6086.474, 'text': "So right here, I'm gonna go to Imports, choose the file, and I'm gonna go to my desktop, and I'm gonna go to Footer right here.", 'start': 6079.654, 'duration': 6.82}], 'summary': 'Tutorial demonstrates importing footer using divi library, enabling layout import and export.', 'duration': 29.13, 'max_score': 6057.344, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w6057344.jpg'}], 'start': 5299.937, 'title': 'Divi theme options, mobile optimization, and free website footer', 'summary': 'Provides an overview of divi theme options, emphasizing the importance of updates, discusses mobile optimization tips, and covers the process of integrating a free divi footer with various layouts for website pages.', 'chapters': [{'end': 5491.832, 'start': 5299.937, 'title': 'Divi theme options overview', 'summary': 'Provides an overview of the divi theme options, including logo and favicon upload, google api key requirement for google maps, footer customization, custom css usage, and theme customizer settings, while emphasizing the redundancy of certain options and the importance of updates.', 'duration': 191.895, 'highlights': ['Divi theme options include logo and favicon upload, with the favicon appearing at the top of the website once saved. The Divi theme options allow users to upload their logo and favicon, with the favicon appearing at the top of the website once saved.', 'Google API key is required for Google Maps integration. A Google API key is required for integrating Google Maps with the website.', 'Custom CSS usage is discussed as more advanced and not essential, but beneficial for adding extra elements to the website. Custom CSS usage is described as more advanced and not essential, but beneficial for adding extra elements to the website.', 'Emphasis is placed on the redundancy of certain options and the importance of updates, with the need to enter username and API key for updates. The redundancy of certain options is highlighted, along with the importance of updates, requiring users to enter their username and API key for updates.']}, {'end': 5968.197, 'start': 5493.823, 'title': 'Mobile optimization tips and theme customization', 'summary': 'Discusses mobile optimization for websites, emphasizing the importance of optimizing for mobile, providing tips for text and image optimization, and also covers theme customization settings for divi.', 'duration': 474.374, 'highlights': ['The importance of optimizing for mobile is emphasized, with a mention of it accounting for half the traffic. Mobile optimization is crucial as it accounts for a significant portion of web traffic, about half of it.', 'Tips for text optimization for tablets and smartphones are provided, emphasizing the ease and simplicity of the process. The process of optimizing text for tablets and smartphones is explained to be simple and easy, allowing for quick adjustments in text size for different devices.', 'Guidance on image optimization for mobile, including the ability to hide specific images from appearing on mobile devices, is given. The process of optimizing images for mobile includes the ability to hide specific images from appearing on mobile devices, enhancing the overall mobile user experience.', 'Details of theme customization settings for Divi, covering options such as global changes for buttons, header navigation, and menu customization. The chapter provides a comprehensive overview of theme customization settings for Divi, including global changes for buttons, header navigation, and menu customization options.', 'The impact of website design on user perception and purchasing behavior is discussed, emphasizing the significance of a visually appealing website. The influence of website design on user perception and purchasing behavior is highlighted, emphasizing the importance of creating visually appealing websites to capture and retain user interest.']}, {'end': 6225.901, 'start': 5968.957, 'title': 'Divi website tutorial with free footer', 'summary': "Covers the process of downloading and integrating a free divi footer, providing free layouts for various website pages, and emphasizing the importance of watching the tutorial till the end, along with a brief explanation of the footer's components and features.", 'duration': 256.944, 'highlights': ["The chapter covers the process of downloading and integrating a free Divi footer, providing free layouts for various website pages, and emphasizing the importance of watching the tutorial till the end, along with a brief explanation of the footer's components and features.", 'The tutorial includes providing a free Divi footer and layouts for the home page, About Us page, blog, and services page, aiming to aid in the website building process.', 'Emphasizing the importance of watching the entire tutorial, the speaker highlights the common issue of individuals jumping ahead and encountering problems that were addressed later in the tutorial.']}], 'duration': 925.964, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w5299937.jpg', 'highlights': ['The chapter emphasizes the importance of updates for Divi theme options, requiring users to enter their username and API key for updates.', 'Mobile optimization is crucial as it accounts for about half of web traffic, with tips provided for text and image optimization.', 'The chapter covers the process of integrating a free Divi footer with various layouts for website pages, emphasizing the importance of watching the tutorial till the end.']}, {'end': 8793.803, 'segs': [{'end': 6704.29, 'src': 'embed', 'start': 6677.974, 'weight': 1, 'content': [{'end': 6684.216, 'text': "It's kind of cool, because my last tutorial, I had to actually manually enter CSS, but with the new Divi theme, you don't need to do that no more.", 'start': 6677.974, 'duration': 6.242}, {'end': 6686.918, 'text': "It's all included inside of it, so it's pretty cool.", 'start': 6684.297, 'duration': 2.621}, {'end': 6690.98, 'text': 'So title text, we can change this to something like Open Sans.', 'start': 6687.498, 'duration': 3.482}, {'end': 6693.201, 'text': 'And then we can change this to semi-bold.', 'start': 6691.84, 'duration': 1.361}, {'end': 6697.824, 'text': 'And then we can align it in the center, which is cool because before you would need CSS.', 'start': 6694.221, 'duration': 3.603}, {'end': 6700.326, 'text': 'And again, guys, these options are a little redundant.', 'start': 6698.205, 'duration': 2.121}, {'end': 6704.29, 'text': 'So again, text, you know, text size, you want to make it bigger, etc.', 'start': 6700.387, 'duration': 3.903}], 'summary': 'New divi theme includes css, simplifying customization and alignment. text and size options are now redundant.', 'duration': 26.316, 'max_score': 6677.974, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w6677974.jpg'}, {'end': 7464.466, 'src': 'embed', 'start': 7437.652, 'weight': 3, 'content': [{'end': 7442.396, 'text': 'So a call to action right here, scrolling down, I have another call to action right here.', 'start': 7437.652, 'duration': 4.744}, {'end': 7446.238, 'text': 'testimonials, and I have another call to action right here.', 'start': 7443.317, 'duration': 2.921}, {'end': 7452.121, 'text': 'Okay, so having call to actions on your website is very important, and I highly recommend it,', 'start': 7446.258, 'duration': 5.863}, {'end': 7456.462, 'text': 'because you really want to tell your audience where to go on your website.', 'start': 7452.121, 'duration': 4.341}, {'end': 7464.466, 'text': "So I'm going to go ahead and add a new section, and I'm going to add a regular section, and just a simple section.", 'start': 7458.903, 'duration': 5.563}], 'summary': 'Including multiple calls to action on a website is important to guide the audience. testimonials can also be effective.', 'duration': 26.814, 'max_score': 7437.652, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w7437652.jpg'}, {'end': 7773.524, 'src': 'embed', 'start': 7733.432, 'weight': 0, 'content': [{'end': 7735.772, 'text': "And I'm going to show you what happens when we do all this.", 'start': 7733.432, 'duration': 2.34}, {'end': 7737.693, 'text': 'So I added the divider.', 'start': 7736.672, 'duration': 1.021}, {'end': 7740.173, 'text': 'I gave it a purple color and a very small height.', 'start': 7737.833, 'duration': 2.34}, {'end': 7748.326, 'text': "And when I go back to our website right here, You guys can now see that it's kind of, it basically acts as a top border color.", 'start': 7740.754, 'duration': 7.572}, {'end': 7754.031, 'text': "So it's just a creative way to kind of create a call to action, just like we have right here.", 'start': 7748.847, 'duration': 5.184}, {'end': 7762.737, 'text': 'The only difference here is just the text and the color, but the actual modules are the same exact modules that I used for that layout, okay?', 'start': 7754.451, 'duration': 8.286}, {'end': 7769.202, 'text': "So I'm just trying to help you guys with inspiration and ideas, to kind of really help you guys get creative with your websites.", 'start': 7763.077, 'duration': 6.125}, {'end': 7770.502, 'text': "So here I'm gonna go ahead and save it.", 'start': 7769.482, 'duration': 1.02}, {'end': 7771.743, 'text': "And guys, we're done.", 'start': 7771.283, 'duration': 0.46}, {'end': 7773.524, 'text': 'We are done with the About Us page.', 'start': 7772.003, 'duration': 1.521}], 'summary': 'Demonstrating creative use of divider for call to action, completing about us page.', 'duration': 40.092, 'max_score': 7733.432, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w7733432.jpg'}, {'end': 8001.306, 'src': 'embed', 'start': 7972.572, 'weight': 4, 'content': [{'end': 7974.392, 'text': "So right here I'm just going to click on Publish.", 'start': 7972.572, 'duration': 1.82}, {'end': 7975.373, 'text': "Oh, I'll make a new category.", 'start': 7974.412, 'duration': 0.961}, {'end': 7977.633, 'text': 'So the coolest things.', 'start': 7975.473, 'duration': 2.16}, {'end': 7982.255, 'text': "Add a new category, and I'll set a featured image for it.", 'start': 7978.734, 'duration': 3.521}, {'end': 7987.902, 'text': "Now guys, for other themes, you really can't decorate your blog post.", 'start': 7984.281, 'duration': 3.621}, {'end': 7989.162, 'text': "So it's kind of frustrating.", 'start': 7987.922, 'duration': 1.24}, {'end': 7995.464, 'text': 'But with the Divi theme, you can basically use the Divi builder and all of its modules to actually add on your blog post.', 'start': 7989.182, 'duration': 6.282}, {'end': 7998.405, 'text': "So let's say you want to view this post, I'm gonna go to view posts.", 'start': 7996.004, 'duration': 2.401}, {'end': 7999.905, 'text': 'And there you go.', 'start': 7999.285, 'duration': 0.62}, {'end': 8001.306, 'text': "So there's the blog post.", 'start': 8000.065, 'duration': 1.241}], 'summary': 'Using divi theme, easily add modules to blog posts, making it more customizable and frustration-free.', 'duration': 28.734, 'max_score': 7972.572, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w7972572.jpg'}, {'end': 8164.325, 'src': 'embed', 'start': 8136.945, 'weight': 5, 'content': [{'end': 8139.886, 'text': 'So now if you just go ahead and look at it, we can do like best iPhone to get.', 'start': 8136.945, 'duration': 2.941}, {'end': 8143.347, 'text': "And if they click on it, they'll be taken to that page.", 'start': 8140.566, 'duration': 2.781}, {'end': 8147.571, 'text': 'And then also right here, we have this section right here.', 'start': 8144.588, 'duration': 2.983}, {'end': 8152.116, 'text': 'Now if you guys want to monetize your blog, there is a link in the description of this video.', 'start': 8148.012, 'duration': 4.104}, {'end': 8155.1, 'text': 'It will show you how to monetize your blog for free.', 'start': 8152.577, 'duration': 2.523}, {'end': 8161.046, 'text': "And also for those of you who want to add like the Facebook widgets right here and handle all this stuff, let's go and do that right now.", 'start': 8155.72, 'duration': 5.326}, {'end': 8164.325, 'text': 'So right here under widgets, we have the sidebar.', 'start': 8161.146, 'duration': 3.179}], 'summary': 'Transcript discusses adding monetization and facebook widgets to a blog.', 'duration': 27.38, 'max_score': 8136.945, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w8136945.jpg'}, {'end': 8280.611, 'src': 'embed', 'start': 8249.558, 'weight': 6, 'content': [{'end': 8252.02, 'text': 'Remember, we can change the height and the width and everything.', 'start': 8249.558, 'duration': 2.462}, {'end': 8254.002, 'text': 'On your free time, you might want to do that.', 'start': 8252.2, 'duration': 1.802}, {'end': 8257.946, 'text': "Basically, that's a quick nutshell of the blog section.", 'start': 8254.763, 'duration': 3.183}, {'end': 8263.208, 'text': "Pretty simple, right? And it's pretty easy, you know? And this right here is your sample one.", 'start': 8258.607, 'duration': 4.601}, {'end': 8267.189, 'text': 'So right here, you can go to your dashboard and you can go to your posts right here.', 'start': 8263.708, 'duration': 3.481}, {'end': 8268.609, 'text': 'And these are all your posts.', 'start': 8267.568, 'duration': 1.041}, {'end': 8270.45, 'text': "So let's say I don't want hello world.", 'start': 8268.909, 'duration': 1.541}, {'end': 8271.37, 'text': "I'm gonna trash that one.", 'start': 8270.51, 'duration': 0.86}, {'end': 8273.87, 'text': "So now that's not gonna show up on my blog post anymore.", 'start': 8271.77, 'duration': 2.1}, {'end': 8280.611, 'text': 'So right here, blog, and then voila, it is gone, all right? So that was the blog page, guys, pretty simple.', 'start': 8274.851, 'duration': 5.76}], 'summary': 'Tutorial on customizing blog layout and deleting posts.', 'duration': 31.053, 'max_score': 8249.558, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w8249558.jpg'}], 'start': 6226.601, 'title': 'Website customization and design', 'summary': 'Covers tutorials on customizing website elements such as footer, sliders, call to actions, blog building, and contact pages, emphasizing creativity and providing tips on layout, styling, and color choices, with an emphasis on using divi theme and a website builder.', 'chapters': [{'end': 6628.543, 'start': 6226.601, 'title': 'Customizable footer and website design tutorial', 'summary': 'Explains how to customize a footer and design an about us page using a website builder, emphasizing the importance of creativity and providing tips on layout, styling, and color choices.', 'duration': 401.942, 'highlights': ["The chapter explains how to customize a footer and design an About Us page using a website builder. The tutorial covers customizing the footer and designing an About Us page using a website builder to enhance the website's appearance and functionality.", 'Emphasizes the importance of creativity and provides tips on layout, styling, and color choices. The tutorial emphasizes the importance of creativity and provides tips on layout, styling, and color choices to create a visually appealing and unique website.']}, {'end': 7393.31, 'start': 6629.463, 'title': 'Creating a website with divi theme', 'summary': 'Explains the process of creating a website using the divi theme, including steps for customizing design elements, such as text, images, and sliders, without the need for manual css coding.', 'duration': 763.847, 'highlights': ['The Divi theme eliminates the need for manual CSS coding, making it easier to customize design elements. The speaker mentions that in the previous tutorial, manual CSS coding was necessary, but with the Divi theme, it is no longer required, indicating an improvement in ease of customization.', "Demonstrates the process of customizing text alignment, size, and color without CSS. The speaker explains the ability to change text alignment to the center, modify text size, and add emphasis using the Divi theme without the need for CSS, showcasing the theme's user-friendly customization features.", 'Provides examples of customizing images and design elements, such as adding borders and box shadows. The speaker demonstrates adding borders, box shadows, and changing the color of design elements, such as images, providing practical examples of customizing visual elements within the Divi theme.']}, {'end': 7733.272, 'start': 7393.7, 'title': 'Creating slider and call to action', 'summary': 'Discusses creating sliders and call to actions, emphasizing the importance of call to actions on a website and providing guidance on designing and customizing them, with an emphasis on the slider design and the importance of directing the audience on the website.', 'duration': 339.572, 'highlights': ['The importance of call to actions on a website is highlighted, with emphasis on directing the audience to specific parts of the website.', 'Guidance on designing and customizing sliders is provided, including creating a transparent slider and setting up call to actions on a website.', 'Instructions on linking call to actions to different parts of the website are given, emphasizing the ease of linking and directing users.', 'Detailed instructions on customizing the design of call to actions, including changing text, button colors, and adding box shadows, are provided.', 'Step-by-step guidance on adjusting the size and appearance of a module and adding a divider to enhance the design is explained.']}, {'end': 8221.612, 'start': 7733.432, 'title': 'Creating a call to action and blog building with divi builder', 'summary': 'Demonstrates creating a call to action using a divider with a purple color, transitioning to blog building with divi builder and provides insights on monetizing blogs, emphasizing the importance of featured images and showcasing blog posts.', 'duration': 488.18, 'highlights': ['The chapter demonstrates creating a call to action using a divider with a purple color, which acts as a top border, showcasing creativity in web design.', 'The tutorial provides insights on blog building with Divi Builder, including adding blog modules, creating blog posts, and utilizing Divi Builder templates for blog layouts, emphasizing the simplicity and versatility of blog creation.', 'The tutorial emphasizes the importance of featured images for blog posts, highlighting its significance in capturing audience attention and improving the visual appeal of the blog.', 'The chapter provides insights on monetizing blogs, including adding Facebook widgets and links for monetization, showcasing the potential for generating revenue through blog content.', 'The tutorial highlights the ability to customize blog layouts using Divi Builder, including options for grid layouts, overlay settings, font customization, and adding visual enhancements such as box shadows, demonstrating the flexibility and aesthetic control of blog design.']}, {'end': 8793.803, 'start': 8222.693, 'title': 'Customizing blog and contact page', 'summary': 'Explains how to customize the blog and contact pages, including modifying widgets and adding sections, with detailed instructions on adjusting design, layout, and functionality of the website components.', 'duration': 571.11, 'highlights': ['The chapter explains how to customize the blog and contact pages, including modifying widgets and adding sections, with detailed instructions on adjusting design, layout, and functionality of the website components.', 'Instructions are provided on modifying the blog section, including deleting posts and customizing the appearance, with details on adjusting the height, width, and layout of the widget.', 'Detailed guidance is given on creating and customizing the contact page, with specific steps on adding sections, adjusting layout, and modifying the design and functionality of the contact form.']}], 'duration': 2567.202, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w6226601.jpg', 'highlights': ['The tutorial emphasizes the importance of creativity and provides tips on layout, styling, and color choices to create a visually appealing and unique website.', 'The Divi theme eliminates the need for manual CSS coding, making it easier to customize design elements.', 'The speaker demonstrates adding borders, box shadows, and changing the color of design elements, such as images, providing practical examples of customizing visual elements within the Divi theme.', 'The importance of call to actions on a website is highlighted, with emphasis on directing the audience to specific parts of the website.', 'The tutorial emphasizes the importance of featured images for blog posts, highlighting its significance in capturing audience attention and improving the visual appeal of the blog.', 'The tutorial provides insights on monetizing blogs, including adding Facebook widgets and links for monetization, showcasing the potential for generating revenue through blog content.', 'The chapter explains how to customize the blog and contact pages, including modifying widgets and adding sections, with detailed instructions on adjusting design, layout, and functionality of the website components.']}, {'end': 9863.585, 'segs': [{'end': 8848.6, 'src': 'embed', 'start': 8818.963, 'weight': 0, 'content': [{'end': 8821.864, 'text': 'And again, you guys can always, you know, decorate this, or you know you can,', 'start': 8818.963, 'duration': 2.901}, {'end': 8824.666, 'text': 'you can get customizable with the backgrounds for each of all these things.', 'start': 8821.864, 'duration': 2.802}, {'end': 8829.188, 'text': "So let's go ahead and send myself an email and also use the redirect option,", 'start': 8825.166, 'duration': 4.022}, {'end': 8833.872, 'text': 'because those are probably the most important parts of the email contact form.', 'start': 8829.188, 'duration': 4.684}, {'end': 8838.18, 'text': "You know, you want to make sure you get the emails, right? So I'm going to make sure that my email is correct.", 'start': 8833.892, 'duration': 4.288}, {'end': 8842.227, 'text': "And then also for the redirects, I want to make sure that it's darylwilson.com.", 'start': 8838.861, 'duration': 3.366}, {'end': 8845.193, 'text': 'So here, click on check on this and click on save.', 'start': 8842.648, 'duration': 2.545}, {'end': 8848.6, 'text': "So let's go ahead and send myself an email.", 'start': 8846.539, 'duration': 2.061}], 'summary': 'Customizable backgrounds for email contact form; importance of email and redirect options emphasized.', 'duration': 29.637, 'max_score': 8818.963, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w8818963.jpg'}, {'end': 8985.476, 'src': 'embed', 'start': 8958.523, 'weight': 2, 'content': [{'end': 8962.708, 'text': "So I'm gonna show you how to get one right now in case you want to add Google Maps to your website.", 'start': 8958.523, 'duration': 4.185}, {'end': 8965.071, 'text': "So here I'm gonna enter a Google API key.", 'start': 8963.169, 'duration': 1.902}, {'end': 8968.664, 'text': "And right here, I'm gonna click on this.", 'start': 8967.583, 'duration': 1.081}, {'end': 8970.565, 'text': 'The first one that comes up, developers.google.', 'start': 8968.864, 'duration': 1.701}, {'end': 8972.547, 'text': 'And you have to have a Gmail account.', 'start': 8971.386, 'duration': 1.161}, {'end': 8973.807, 'text': "And guys, it's pretty simple.", 'start': 8972.847, 'duration': 0.96}, {'end': 8975.409, 'text': 'So just click on get a key.', 'start': 8973.908, 'duration': 1.501}, {'end': 8978.271, 'text': 'And then you can create a project or select yours.', 'start': 8975.989, 'duration': 2.282}, {'end': 8980.612, 'text': "So I'm just gonna click on this one right here.", 'start': 8978.931, 'duration': 1.681}, {'end': 8983.975, 'text': "And if you guys don't have anything, it'll prompt you to create one.", 'start': 8981.113, 'duration': 2.862}, {'end': 8985.476, 'text': "So right here, I'm gonna click on next.", 'start': 8983.995, 'duration': 1.481}], 'summary': 'Obtaining a google api key for integrating google maps to a website is a simple process that requires a gmail account and project creation, followed by a prompt to create one if necessary.', 'duration': 26.953, 'max_score': 8958.523, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w8958523.jpg'}, {'end': 9232.9, 'src': 'embed', 'start': 9207.611, 'weight': 4, 'content': [{'end': 9213.033, 'text': "So right here, I'm gonna click on this, Portability right here and go to import.", 'start': 9207.611, 'duration': 5.422}, {'end': 9218.455, 'text': "I'm gonna choose the file, go to my desktop and the it's called elegant services.", 'start': 9213.313, 'duration': 5.142}, {'end': 9221.216, 'text': "So I'm gonna click on that and go to import.", 'start': 9218.455, 'duration': 2.761}, {'end': 9224.557, 'text': "now if it doesn't work, See how it says this should not be imported by this.", 'start': 9221.216, 'duration': 3.341}, {'end': 9225.517, 'text': 'you know, etc.', 'start': 9224.557, 'duration': 0.96}, {'end': 9228.178, 'text': 'You guys can just go to the Divi library now.', 'start': 9225.517, 'duration': 2.661}, {'end': 9230.9, 'text': "I hope they fix that, because that's the reason why it's there.", 'start': 9228.178, 'duration': 2.722}, {'end': 9232.9, 'text': 'but sometimes it just does not work.', 'start': 9230.9, 'duration': 2}], 'summary': "Imported 'elegant services' file from desktop, encountered import issue and suggested using divi library.", 'duration': 25.289, 'max_score': 9207.611, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w9207611.jpg'}, {'end': 9474.159, 'src': 'embed', 'start': 9447.009, 'weight': 3, 'content': [{'end': 9452.734, 'text': 'So you can have like a text, text, text, and then an image, and then just invert everything on your page as well.', 'start': 9447.009, 'duration': 5.725}, {'end': 9454.796, 'text': 'And right here, same thing.', 'start': 9453.595, 'duration': 1.201}, {'end': 9459.5, 'text': 'And again, here are some other examples of things you can do with the Google Maps.', 'start': 9456.037, 'duration': 3.463}, {'end': 9464.851, 'text': 'And also, you can actually invert the colors and everything else.', 'start': 9460.808, 'duration': 4.043}, {'end': 9468.715, 'text': 'These are just some examples that you guys can do with the Divi theme.', 'start': 9465.572, 'duration': 3.143}, {'end': 9469.475, 'text': "It's incredible.", 'start': 9468.795, 'duration': 0.68}, {'end': 9470.696, 'text': 'And again, right here.', 'start': 9469.896, 'duration': 0.8}, {'end': 9474.159, 'text': "I'll also be linking some tutorials on the image filtering,", 'start': 9471.217, 'duration': 2.942}], 'summary': 'The transcript discusses using the divi theme to invert colors and filter images, providing examples and tutorials.', 'duration': 27.15, 'max_score': 9447.009, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w9447009.jpg'}, {'end': 9637.455, 'src': 'embed', 'start': 9604.694, 'weight': 6, 'content': [{'end': 9606.695, 'text': 'And these were created by world-class designers.', 'start': 9604.694, 'duration': 2.001}, {'end': 9608.476, 'text': 'Now this one was created by Mark Hendrickson.', 'start': 9606.715, 'duration': 1.761}, {'end': 9612.359, 'text': 'Now if you guys do want to visit their website, the link is in the description.', 'start': 9608.496, 'duration': 3.863}, {'end': 9616.082, 'text': "But if you guys want access to this layout, it's on my website.", 'start': 9612.84, 'duration': 3.242}, {'end': 9618.304, 'text': 'You guys can download it totally free.', 'start': 9616.122, 'duration': 2.182}, {'end': 9622.126, 'text': 'And this is just one of the many websites that you can get.', 'start': 9619.084, 'duration': 3.042}, {'end': 9623.908, 'text': "It's just amazing.", 'start': 9623.147, 'duration': 0.761}, {'end': 9626.989, 'text': "So I've showed you guys how to basically use the layout system.", 'start': 9623.928, 'duration': 3.061}, {'end': 9628.47, 'text': "So that's basically what these are.", 'start': 9627.069, 'duration': 1.401}, {'end': 9630.991, 'text': "So these are layouts, and they're also child themes.", 'start': 9628.53, 'duration': 2.461}, {'end': 9637.455, 'text': "And I invited these guys to teach on my I'm sorry to, you know, I wanted to lay out from them for my viewers.", 'start': 9631.752, 'duration': 5.703}], 'summary': 'World-class designers created free layouts available for download on the website.', 'duration': 32.761, 'max_score': 9604.694, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w9604694.jpg'}, {'end': 9710.981, 'src': 'embed', 'start': 9682.071, 'weight': 7, 'content': [{'end': 9686.835, 'text': 'And this is just a way to say thank you guys for watching this tutorial all the way.', 'start': 9682.071, 'duration': 4.764}, {'end': 9688.997, 'text': 'And again, this is Smart Agency.', 'start': 9687.355, 'duration': 1.642}, {'end': 9692.198, 'text': 'So this is another design from another website.', 'start': 9689.697, 'duration': 2.501}, {'end': 9694.438, 'text': 'And guys, these all use the Divi theme.', 'start': 9692.278, 'duration': 2.16}, {'end': 9699.499, 'text': "So all you need to do is simply download it, upload the layouts, and you're good to go.", 'start': 9694.618, 'duration': 4.881}, {'end': 9704.06, 'text': 'Now, some of these layouts, guys, they do require some custom CSS.', 'start': 9699.939, 'duration': 4.121}, {'end': 9710.981, 'text': "So what that means is you're going to have to copy and paste some stuff onto these layouts to get them to work properly.", 'start': 9704.34, 'duration': 6.641}], 'summary': 'Smart agency showcases divi theme, requiring custom css for some layouts.', 'duration': 28.91, 'max_score': 9682.071, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w9682071.jpg'}, {'end': 9824.706, 'src': 'embed', 'start': 9800.726, 'weight': 8, 'content': [{'end': 9812.273, 'text': 'I hope this tutorial was really helpful and I really invite you guys all to go to my YouTube channel and kind of just take a look at my YouTube channel and really see my content.', 'start': 9800.726, 'duration': 11.547}, {'end': 9820.883, 'text': "I'm probably the top rated professor on udemy.com for teaching WordPress and I really hope that you guys succeed,", 'start': 9812.854, 'duration': 8.029}, {'end': 9824.706, 'text': "because I know people and they're trying to learn how to make websites.", 'start': 9820.883, 'duration': 3.823}], 'summary': 'Top-rated wordpress professor on udemy, invites viewers to visit youtube channel for helpful content.', 'duration': 23.98, 'max_score': 9800.726, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w9800726.jpg'}], 'start': 8795.904, 'title': 'Creating email contact form and customizing maps', 'summary': 'Covers creating an email contact form with required fields, ensuring functionality through email and redirect tests, adding google maps with a google api key, and customizing maps and layouts using divi theme, including access to free website layouts and templates created by world-class designers.', 'chapters': [{'end': 9057.971, 'start': 8795.904, 'title': 'Creating email contact form and adding google maps', 'summary': 'Demonstrates creating an email contact form with required fields and redirect option, ensuring functionality through email test and redirect test, as well as adding google maps to the website using a google api key.', 'duration': 262.067, 'highlights': ['The chapter demonstrates creating an email contact form with required fields and redirect option. The speaker explains the importance of adding required fields and setting up the redirect option for the email contact form.', 'Ensuring functionality through email test and redirect test. The speaker emphasizes the importance of testing the email functionality and the redirect option to ensure the contact form works properly.', 'Adding Google Maps to the website using a Google API key. The speaker provides a step-by-step guide on obtaining a Google API key and integrating Google Maps into the website.']}, {'end': 9558.035, 'start': 9058.031, 'title': 'Creating and customizing maps and layouts', 'summary': 'Covers the process of creating and customizing maps and layouts using divi theme, including importing layouts, modifying image filtering, and the flexibility and accessibility of the theme.', 'duration': 500.004, 'highlights': ['The Divi theme allows for creating and customizing maps by adding business information, pinning locations, and adjusting map settings, providing flexibility and customization options. The tutorial demonstrates the process of adding business information, pinning locations, and adjusting map settings, showcasing the flexibility and customization options available with the Divi theme.', 'Importing layouts in Divi theme is explained, including potential issues with the process and alternative methods for importing layouts from the Divi library. The tutorial covers the process of importing layouts in Divi, highlighting potential issues and offering alternative methods for importing layouts from the Divi library.', 'Modifying image filtering using the invert setting in Divi theme is detailed, showcasing how it can be used to apply background images to objects, providing examples and highlighting the effectiveness of this feature. The tutorial provides a detailed explanation of modifying image filtering using the invert setting in Divi, including examples and emphasizing the effectiveness of this feature in applying background images to objects.']}, {'end': 9863.585, 'start': 9558.035, 'title': 'Free wordpress layouts and templates', 'summary': 'Discusses the provision of free website layouts and templates, including access to password-protected layouts, created by world-class designers and available for download on the website, aiming to assist viewers in their wordpress journey.', 'duration': 305.55, 'highlights': ['The chapter discusses the provision of free website layouts and templates, including access to password-protected layouts, created by world-class designers and available for download on the website, aiming to assist viewers in their WordPress journey.', "The layouts and templates are available for download for free on the website, with the password 'Paddy', as a way of expressing gratitude to the viewers, and to provide them with resources for their WordPress projects.", 'The speaker mentions the inclusion of several other templates on the website, along with the password-protected layout, and highlights the involvement of five other WordPress designers who have also contributed templates for the viewers.', 'The layouts and templates are designed by renowned designers, such as Mark Hendrickson, B Superfly, Web Seats in Germany, and DB Theme Store, and are intended to aid viewers in their web design endeavors.', 'The speaker emphasizes the availability of layouts using the Divi theme, with the option to download and upload them for immediate use, while also mentioning the possible requirement of custom CSS for certain layouts.', 'The speaker expresses a desire to provide special access to the layouts for the viewers, acknowledging the potential impact on their WordPress careers and web design projects, and expresses gratitude to the designers for their contributions.', "The chapter concludes with a message of encouragement for viewers to visit the speaker's YouTube channel, where he is recognized as a top-rated professor for teaching WordPress, and offers well wishes for their success in website creation."]}], 'duration': 1067.681, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/UvX3_vlFf5w/pics/UvX3_vlFf5w8795904.jpg', 'highlights': ['The chapter covers creating an email contact form with required fields and a redirect option, emphasizing their importance.', 'Demonstrates ensuring functionality through email and redirect tests to ensure the contact form works properly.', 'Provides a step-by-step guide on adding Google Maps to the website using a Google API key.', 'The Divi theme allows for creating and customizing maps, providing flexibility and customization options.', 'Explains the process of importing layouts in Divi, highlighting potential issues and offering alternative methods.', 'Details modifying image filtering using the invert setting in Divi theme, showcasing its effectiveness.', 'Discusses the provision of free website layouts and templates, including access to password-protected layouts created by world-class designers.', 'Emphasizes the availability of layouts using the Divi theme, with the option to download and upload them for immediate use.', "Concludes with a message of encouragement for viewers to visit the speaker's YouTube channel and offers well wishes for their success in website creation."]}], 'highlights': ["SiteGround's hosting recommendation with 60% discount and 24-hour support.", 'Step-by-step guide for installing Divi theme and creating website pages.', 'Tutorial provides detailed instructions on adding and formatting text.', 'Demonstrates adding buttons with customizable styles and link options.', 'Exploration of background color and gradient features with detailed guidance.', 'Demonstrates the process of uploading and customizing images.', 'Provides insights into customizing background images and adding box shadows.', 'Showcases advanced techniques in web design customization.', 'Covers a tutorial on designing a website using Divi theme.', 'Emphasizes the importance of updates for Divi theme options.', 'Mobile optimization tips provided for text and image optimization.', 'Demonstrates adding borders, box shadows, and changing the color of design elements.', 'Covers creating an email contact form with required fields and a redirect option.', 'Provides a step-by-step guide on adding Google Maps to the website using a Google API key.']}