<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design Archives - HQ Secure Global Internet</title>
	<atom:link href="https://hqsecure.com/category/design-2/feed/" rel="self" type="application/rss+xml" />
	<link>https://hqsecure.com/category/design-2/</link>
	<description>WordPress Divi Website Development</description>
	<lastBuildDate>Thu, 13 Mar 2025 10:48:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://hqsecure.com/wp-content/uploads/cropped-HQ-Secure-Global-Internet-Logo-Square-515x5151-32x32.jpg</url>
	<title>Design Archives - HQ Secure Global Internet</title>
	<link>https://hqsecure.com/category/design-2/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Divi 5 Released</title>
		<link>https://hqsecure.com/divi-5-released/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Thu, 13 Mar 2025 10:21:13 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[News & Notices]]></category>
		<guid isPermaLink="false">https://hqsecure.com/?p=3360</guid>

					<description><![CDATA[<p>Discover the future of web design with Divi 5, where creativity meets functionality. HQ Secure Global Internet seamlessly integrates your vision through Divi 5 exclusively on our projects, leveraging the cutting-edge features Divi 5 affords.</p>
<p>The post <a href="https://hqsecure.com/divi-5-released/">Divi 5 Released</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_0 et_pb_with_background et_section_regular section_has_divider et_pb_bottom_divider" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_0 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h1 class="et_pb_module_heading">Introducing Divi 5: Revolutionize Your Web Design</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Discover the future of web design with Divi 5, where creativity meets functionality. Elevate your projects with cutting-edge features and seamless integration.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_video et_pb_video_0">
				
				
				
				
				<div class="et_pb_video_box">
				<video controls>
					<source type="video/mp4" src="https://www.elegantthemes.com/videos/previews/build.mp4" />
					
				</video></div>
				
			</div>
			</div>
				
				
				
				
			</div>
				
				<div class="et_pb_bottom_inside_divider et-no-transition"></div>
			</div><div class="et_pb_section et_pb_section_1 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_1 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h2 class="et_pb_module_heading">Discover Divi 5: A Game-Changer in Web Design</h2></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner">Divi 5 marks a significant milestone in the web design industry, offering unparalleled flexibility and power to designers worldwide. As a cornerstone of Elegant Themes, Divi has transformed the way websites are built, providing an intuitive platform that empowers users to create stunning, responsive sites with ease. With Divi 5, we continue to push the boundaries, delivering innovative tools that enhance creativity and streamline the design process.</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<span class="et_pb_image_wrap has-box-shadow-overlay"><div class="box-shadow-overlay"></div><img fetchpriority="high" decoding="async" width="512" height="512" src="https://hqsecure.com/wp-content/uploads/1-da259ac1-cddf-4f9f-a98f-b9a00cb248aa-512x512.jpg" alt="" title="800x800" srcset="https://hqsecure.com/wp-content/uploads/1-da259ac1-cddf-4f9f-a98f-b9a00cb248aa-512x512.jpg 512w, https://hqsecure.com/wp-content/uploads/1-da259ac1-cddf-4f9f-a98f-b9a00cb248aa-512x512-480x480.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 512px, 100vw" class="wp-image-3372" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_2 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h2 class="et_pb_module_heading">Explore the Innovative Features of Divi 5</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Unleash your creativity with Divi 5&#8217;s groundbreaking features designed to enhance every aspect of your web design experience.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_0  et_pb_text_align_center  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Advanced Theme Builder</span></h4>
						<div class="et_pb_blurb_description"><p>Customize every part of your website with the new and improved theme builder, offering more control and flexibility than ever before.</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_1  et_pb_text_align_center  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Real-Time Design</span></h4>
						<div class="et_pb_blurb_description"><p>Experience the power of real-time design with instant updates and live previews, making the design process faster and more intuitive.</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_2  et_pb_text_align_center  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Enhanced Speed and Performance</span></h4>
						<div class="et_pb_blurb_description"><p>Enjoy lightning-fast load times and optimized performance, ensuring your websites are not only beautiful but also highly efficient.</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_3  et_pb_text_align_center  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Seamless Integration</span></h4>
						<div class="et_pb_blurb_description"><p>Effortlessly integrate with a wide range of plugins and tools, expanding the functionality of your sites without compromising on design.</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_3 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h4 class="et_pb_module_heading">Unlock Your Creative Potential</h4></div>
			</div><div class="et_pb_module et_pb_heading et_pb_heading_4 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h2 class="et_pb_module_heading">Why Choose Divi 5 for Your Website?</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Divi 5 revolutionizes web hosting and design by offering unparalleled efficiency and creativity. With its intuitive drag-and-drop interface, you can build stunning websites in record time, without compromising on quality. The new features streamline your workflow, allowing you to focus more on creativity and less on technicalities. Whether you&#8217;re a seasoned designer or a beginner, Divi 5 empowers you to create visually appealing, responsive websites that stand out in the digital landscape.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_4 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_5 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h2 class="et_pb_module_heading">Explore More About Explore More  from Our Blog</h2></div>
			</div><div class="et_pb_module et_pb_blog_0 et_pb_blog_grid_wrapper et_pb_bg_layout_light">
					<div class="et_pb_blog_grid clearfix ">
					
					
					
					
					<div class="et_pb_ajax_pagination_container">
						<div class="et_pb_salvattore_content" data-columns>
			<article id="post-3360" class="et_pb_post clearfix et_pb_blog_item_0_0 post-3360 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-design-2 category-news-notices">

				<div class="et_pb_image_container"><a href="https://hqsecure.com/divi-5-released/" class="entry-featured-image-url"><img decoding="async" src="https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large-400x250.webp" alt="Divi 5 Released" class="" srcset="https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large.webp 479w, https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large-400x250.webp 480w " sizes="(max-width:479px) 479px, 100vw "  width="400" height="250" /></a></div>
														<h2 class="entry-title">
													<a href="https://hqsecure.com/divi-5-released/">Divi 5 Released</a>
											</h2>
				
					<p class="post-meta"><span class="published">Mar 13, 2025</span> | <a href="https://hqsecure.com/category/blog/" rel="tag">Blog</a>, <a href="https://hqsecure.com/category/design-2/" rel="tag">Design</a>, <a href="https://hqsecure.com/category/news-notices/" rel="tag">News &amp; Notices</a></p><div class="post-content"><div class="post-content-inner"><p>Discover the future of web design with Divi 5, where creativity meets functionality. HQ Secure Global Internet seamlessly integrates your vision through Divi 5 exclusively on our projects, leveraging the cutting-edge features Divi 5 affords.</p>
</div><a href="https://hqsecure.com/divi-5-released/" class="more-link">read more</a></div>			
			</article>
				
			<article id="post-3275" class="et_pb_post clearfix et_pb_blog_item_0_1 post-3275 post type-post status-publish format-standard has-post-thumbnail hentry category-blog category-wordpress-2 category-wordpress-tips-tricks">

				<div class="et_pb_image_container"><a href="https://hqsecure.com/a-dev-unblur-on-hover/" class="entry-featured-image-url"><img decoding="async" src="https://hqsecure.com/wp-content/uploads/Add-CSS-Code-400x250.webp" alt="Reveal Text on Hover" class="" srcset="https://hqsecure.com/wp-content/uploads/Add-CSS-Code.webp 479w, https://hqsecure.com/wp-content/uploads/Add-CSS-Code-400x250.webp 480w " sizes="(max-width:479px) 479px, 100vw "  width="400" height="250" /></a></div>
														<h2 class="entry-title">
													<a href="https://hqsecure.com/a-dev-unblur-on-hover/">Reveal Text on Hover</a>
											</h2>
				
					<p class="post-meta"><span class="published">Feb 7, 2025</span> | <a href="https://hqsecure.com/category/blog/" rel="tag">Blog</a>, <a href="https://hqsecure.com/category/wordpress-2/" rel="tag">WordPress</a>, <a href="https://hqsecure.com/category/wordpress-2/wordpress-tips-tricks/" rel="tag">WordPress Tips &amp; Tricks</a></p><div class="post-content"><div class="post-content-inner"><p>How to use CSS to make text appear when hovering over a div. By using the :hover pseudo-class, one can show and hide text on hover using CSS. In the demos below, I’m using the hover pseudo-class along with the background and text color attributes &#8230;</p>
</div><a href="https://hqsecure.com/a-dev-unblur-on-hover/" class="more-link">read more</a></div>			
			</article>
				
			<article id="post-3073" class="et_pb_post clearfix et_pb_blog_item_0_2 post-3073 post type-post status-publish format-standard has-post-thumbnail hentry category-blog">

				<div class="et_pb_image_container"><a href="https://hqsecure.com/local-seo-features-and-benefits/" class="entry-featured-image-url"><img loading="lazy" decoding="async" src="https://hqsecure.com/wp-content/uploads/Local-SEO-Benefits-400x250.webp" alt="Local SEO Features and Benefits" class="" srcset="https://hqsecure.com/wp-content/uploads/Local-SEO-Benefits.webp 479w, https://hqsecure.com/wp-content/uploads/Local-SEO-Benefits-400x250.webp 480w " sizes="(max-width:479px) 479px, 100vw "  width="400" height="250" /></a></div>
														<h2 class="entry-title">
													<a href="https://hqsecure.com/local-seo-features-and-benefits/">Local SEO Features and Benefits</a>
											</h2>
				
					<p class="post-meta"><span class="published">Dec 21, 2024</span> | <a href="https://hqsecure.com/category/blog/" rel="tag">Blog</a></p><div class="post-content"><div class="post-content-inner"><p>Are you a small business owner looking to increase your online presence and attract more local customers? Look no further than local SEO! This powerful marketing strategy focuses on optimizing your website and online presence to attract customers in your specific&#8230; </p>
</div><a href="https://hqsecure.com/local-seo-features-and-benefits/" class="more-link">read more</a></div>			
			</article>
				</div><div><div class="pagination clearfix">
	<div class="alignleft"><a href="https://hqsecure.com/category/design-2/feed/page/2/?et_blog" >&laquo; Older Entries</a></div>
	<div class="alignright"></div>
</div></div></div>
					</div>
					 
				</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1240" height="840" src="https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large.webp" alt="" title="divi-5-interface-dark-large" srcset="https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large.webp 1240w, https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large-980x664.webp 980w, https://hqsecure.com/wp-content/uploads/divi-5-interface-dark-large-480x325.webp 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1240px, 100vw" class="wp-image-3376" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_10">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_6 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h2 class="et_pb_module_heading">Unlock the Power of Divi 5 Today!</h2></div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_heading et_pb_heading_7 et_pb_bg_layout_">
				
				
				
				
				<div class="et_pb_heading_container"><h5 class="et_pb_module_heading">Experience unparalleled flexibility and design capabilities with Divi 5. Elevate your web projects to new heights effortlessly.</h5></div>
			</div><div class="et_pb_button_module_wrapper et_pb_button_0_wrapper  et_pb_module ">
				<a class="et_pb_button et_pb_button_0 et_pb_bg_layout_light" href="https://elegantthemes.com" target="_blank">Explore Divi 5 Now</a>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a href="https://hqsecure.com/divi-5-released/">Divi 5 Released</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://www.elegantthemes.com/videos/previews/build.mp4" length="395880" type="video/mp4" />

			</item>
		<item>
		<title>Divi Translucent Glass Hover Effect</title>
		<link>https://hqsecure.com/divi-translucent-glass-hover-effect/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Thu, 11 Apr 2024 13:43:21 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<guid isPermaLink="false">https://hqsecure.com/?p=3011</guid>

					<description><![CDATA[<p>Found this on Reddit in the rdivi sub. The username I borrowed heavily from is u/Some_leek3330. This effect uses the Person Module. </p>
<p>The post <a href="https://hqsecure.com/divi-translucent-glass-hover-effect/">Divi Translucent Glass Hover Effect</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_11">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_team_member et_pb_team_member_0 flipCard-glass clearfix  et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_team_member_image et-waypoint et_pb_animation_off"><img loading="lazy" decoding="async" width="377" height="377" src="https://hqsecure.com/wp-content/uploads/Clint-Eastwood.webp" alt="Clint Eastwood" srcset="https://hqsecure.com/wp-content/uploads/Clint-Eastwood.webp 377w, https://hqsecure.com/wp-content/uploads/Clint-Eastwood-300x300.webp 300w, https://hqsecure.com/wp-content/uploads/Clint-Eastwood-200x200.webp 200w" sizes="(max-width: 377px) 100vw, 377px" class="wp-image-3016" /></div>
				<div class="et_pb_team_member_description">
					<h4 class="et_pb_module_header">Clint Eastwood</h4>
					<p class="et_pb_member_position">CEO</p>
					<div>Clinton Eastwood Jr. (born May 31, 1930) is an American actor and film director. After achieving success in the Western TV series Rawhide, </div>
					<ul class="et_pb_member_social_links"><li><a href="https://facebook.com" class="et_pb_font_icon et_pb_facebook_icon"><span>Facebook</span></a></li><li><a href="https://twitter.com" class="et_pb_font_icon et_pb_twitter_icon"><span>X</span></a></li><li><a href="https://linkedin.com" class="et_pb_font_icon et_pb_linkedin_icon"><span>LinkedIn</span></a></li></ul>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_team_member et_pb_team_member_1 flipCard-glass clearfix  et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_team_member_image et-waypoint et_pb_animation_off"><img loading="lazy" decoding="async" width="377" height="377" src="https://hqsecure.com/wp-content/uploads/Elon-Musk.webp" alt="Elon Musk" srcset="https://hqsecure.com/wp-content/uploads/Elon-Musk.webp 377w, https://hqsecure.com/wp-content/uploads/Elon-Musk-300x300.webp 300w, https://hqsecure.com/wp-content/uploads/Elon-Musk-200x200.webp 200w" sizes="(max-width: 377px) 100vw, 377px" class="wp-image-3014" /></div>
				<div class="et_pb_team_member_description">
					<h4 class="et_pb_module_header">Elon Musk</h4>
					<p class="et_pb_member_position">CEO</p>
					<div><p>Elon Reeve Musk is a businessman and investor. He is the founder, chairman, CEO, and CTO of SpaceX; angel investor, CEO, product architect, and former chairman of Tesla, Inc.; owner, executive chairman.</p></div>
					<ul class="et_pb_member_social_links"><li><a href="https://facebook.com" class="et_pb_font_icon et_pb_facebook_icon"><span>Facebook</span></a></li><li><a href="https://twitter.com" class="et_pb_font_icon et_pb_twitter_icon"><span>X</span></a></li><li><a href="https://linkedin.com" class="et_pb_font_icon et_pb_linkedin_icon"><span>LinkedIn</span></a></li></ul>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_team_member et_pb_team_member_2 flipCard-glass clearfix  et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_team_member_image et-waypoint et_pb_animation_off"><img loading="lazy" decoding="async" width="377" height="377" src="https://hqsecure.com/wp-content/uploads/Flash-Alexander.webp" alt="Flash Alexander" srcset="https://hqsecure.com/wp-content/uploads/Flash-Alexander.webp 377w, https://hqsecure.com/wp-content/uploads/Flash-Alexander-300x300.webp 300w, https://hqsecure.com/wp-content/uploads/Flash-Alexander-200x200.webp 200w" sizes="(max-width: 377px) 100vw, 377px" class="wp-image-3015" /></div>
				<div class="et_pb_team_member_description">
					<h4 class="et_pb_module_header">Flash Alexander</h4>
					<p class="et_pb_member_position">CEO</p>
					<div>Flash, also known as Flash Buddy, is a world traveler, acclaimed photographer and expert drone pilot.</div>
					<ul class="et_pb_member_social_links"><li><a href="https://facebook.com" class="et_pb_font_icon et_pb_facebook_icon"><span>Facebook</span></a></li><li><a href="https://twitter.com" class="et_pb_font_icon et_pb_twitter_icon"><span>X</span></a></li><li><a href="https://linkedin.com" class="et_pb_font_icon et_pb_linkedin_icon"><span>LinkedIn</span></a></li></ul>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_12">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Divi Person Module with Translucent Hover Effecct</h1>
<p>Found this on Reddit in the rdivi sub. The username I borrowed heavily from is u/Some_leek3330. This effect uses the Person Module.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_13">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0">
				
				
				
				
				<div class="et_pb_code_inner"><style>
.flipCard-glass .et_team_member{
	position:relative;
	trasnsition: transform: 0.5s;
}
.flipCard-glass .et_pb_team_member_image img{
	object-fit:cover;
	border-radius:8px;
	transition:opacity 0.5s;
}
.flipCard-glass.et_pb_team_member:hover img{
	opacity: 0.5;
}
.flipCard-glass .et_pb_team_member_description{
    display:flex;
    justify-content:center;
    align-itmes:center;
    flex-direction:column;
    position:absolute;
    inset:0;
    max-width:255px;
    margin: 12px auto 12px auto;
    backdrop-filter:blur(15px);
    padding: 15px;
    background: linear-gradient(#fff2, rgba(0,0,0,0));
    box-shadow:0px 15px 15px rgba(0,0,0,0.25);
    border-radius:8px;
    scale:0.6;
    opacity:0;
		transition:opacity 0.5s, scale 0.5s;
  }
 .flipCard-glass:hover .et_pb_team_member_description{
    opacity:1;
    scale:1;
  }
  .flipCard-glass .et_pb_module_header{ /* Style the Name */
    font-family:arial,sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    text-align:left;
    margin:0;
    padding:0;
  }
.flipCard-glass .et_pb_member_social_links{ /* Style Social Icons */ }
.flipCard-glass .et_pb_member_social_links a{ /* Style Social Icons */ }
.flipCard-glass .et_pb_member_social_links a:hover{
  color: #fff;
}
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>The post <a href="https://hqsecure.com/divi-translucent-glass-hover-effect/">Divi Translucent Glass Hover Effect</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WooCommerce Button Colors</title>
		<link>https://hqsecure.com/woocommerce-button-color/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Sun, 21 Dec 2014 14:55:21 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[WooCommerce]]></category>
		<category><![CDATA[WordPress Tips & Tricks]]></category>
		<guid isPermaLink="false">https://hqsecure.com/?p=1687</guid>

					<description><![CDATA[<p>Change WooCommerce Button Colors :: Copy and paste css to modify WooCommerce Product Add to Cart, On Sale, and Product Price buttons.</p>
<p>The post <a href="https://hqsecure.com/woocommerce-button-color/">WooCommerce Button Colors</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span class='et-dropcap'>W</span>ooCommerce button colors got you down. Did you just discover that the color adjustments available in the admin have nothing to do with the color of the buttons appearing on the front of your website? In this age of extended WordPress capabilities one would think that WooCommerce would have provided that functionality. I suppose, with a little free time and some motivation, one could build a plugin for that. Until that day arrives, I present to you my WooCommerce Product Add to Cart, On Sale, and Product Price buttons cheat sheet.</p>
<p>Copy and paste this css into your child theme and watch the colors of your WooCommerce buttons magically appear in lime-ish green and purple.</p>
<div class='et-learn-more clearfix'>
					<h3 class='heading-more'>Reveal CSS<span class='et_learnmore_arrow'><span></span></span></h3>
					<div class='learn-more-content'><p><code> /* === WOOCOMMERCE ==================================== */</code></p>
<p><code> /* Theme / Site Specific */ div.single_variation{position: relative; top: -7px;}
</code><code>.woocommerce table.cart input, .woocommerce #content table.cart input, .woocommerce-page table.cart input, .woocommerce-page #content table.cart input {vertical-align: top;} table.cart td.actions .button.alt, #content table.cart td.actions .button.alt {margin: 0;}</code></p>
<p><code> /* Add to Cart Button Color */
</code><code>.woocommerce a.alt.button, .woocommerce button.alt.button, .woocommerce input.alt.button,
.woocommerce #respond input.alt#submit, .woocommerce #content input.alt.button,
.woocommerce-page a.alt.button, .woocommerce-page button.alt.button,
.woocommerce-page input.alt.button, .woocommerce-page #respond input.alt#submit,
.woocommerce-page #content input.alt.button{
background:#A54873 !important; border-color:#934067 !important;
</code><span style="line-height: 1.5;">}</span></p>
<p><code>/* On Sale Notice Color */
body.woocommerce span.onsale {
border: 1px solid #93C429; background: #f8ffe8;
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
}</code></p>
<p><code>/* Price Buttons */
.et-price-sale {
border: 1px solid #934188; background: #e570e7;
background: -moz-linear-gradient(top, #e570e7 0%, #c85ec7 47%, #a849a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(47%,#c85ec7), color-stop(100%,#a849a3));
background: -webkit-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -o-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: -ms-linear-gradient(top, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
background: linear-gradient(to bottom, #e570e7 0%,#c85ec7 47%,#a849a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 );
}</code></p>
<p><code> </code></div>
				</div>
<h3>Roll Your Own</h3>
<p>Certainly limey green a purple aren&#8217;t going to satisfy everybody, and yes there is a trick to it &#8211; an easy way to change the colors. I cheated by heading over to <a title="Colorzilla Ultimate CSS Gradient Generator" href="http://colorzilla.com/gradient-editor/" target="_blank">ColorZilla&#8217;s Ultimate CSS Gradient Generator</a>, picked a couple off the shelf gradients, then simply copied and pasted.</p>
<p><a href="https://hqsecure.com/wp-content/uploads/Ultimate-CSS-Gradient-Generator-ColorZilla.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-1692 " title="ColorZilla Ultimate CSS Gradient Designer" src="https://hqsecure.com/wp-content/uploads/Ultimate-CSS-Gradient-Generator-ColorZilla.jpg" alt="Ultimate CSS Gradient Generator - ColorZilla" width="769" height="539" srcset="https://hqsecure.com/wp-content/uploads/Ultimate-CSS-Gradient-Generator-ColorZilla.jpg 961w, https://hqsecure.com/wp-content/uploads/Ultimate-CSS-Gradient-Generator-ColorZilla-300x210.jpg 300w" sizes="(max-width: 769px) 100vw, 769px" /></a></p>
<p>The post <a href="https://hqsecure.com/woocommerce-button-color/">WooCommerce Button Colors</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Real Estate Real World Calculators</title>
		<link>https://hqsecure.com/real-estate-calculators/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Mon, 05 Aug 2013 20:05:34 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<guid isPermaLink="false">https://hqsecure.com/?p=907</guid>

					<description><![CDATA[<p>riginally designed for the Elegant Estate Real Estate WordPress theme, this calculator package will work for any website or WordPress theme. See in action here: http://realestatecambria.com Click on the Calculators link in the sidebar.</p>
<p>The post <a href="https://hqsecure.com/real-estate-calculators/">Real Estate Real World Calculators</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span class='et-dropcap'>O</span>riginally designed for the Elegant Estate Real Estate WordPress theme, this calculator package will work for any website or WordPress theme.</p>
<p>See in action here: <a title="Real Estate Real World Calculators" href="http://realestatecambria.com" target="_blank">http://realestatecambria.com</a></p>
<p>Click on the Calculators link in the sidebar.</p>
<a href='http://flashalexander.com/flashcount/click.php?id=7' class='icon-button download-icon'>Download<span class='et-icon'></span></a>
<p>The post <a href="https://hqsecure.com/real-estate-calculators/">Real Estate Real World Calculators</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Responsive Web Design</title>
		<link>https://hqsecure.com/responsive-web-design/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Fri, 19 Apr 2013 18:01:41 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://hqsecure.com/?p=698</guid>

					<description><![CDATA[<p>Responsive web design make your website content accessible no matter what device a user comes to your site with. Android, iphone, ipad, Kindle, Nexus - Yes!</p>
<p>The post <a href="https://hqsecure.com/responsive-web-design/">Responsive Web Design</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_7 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_14">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_2 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="600" height="260" src="https://hqsecure.com/wp-content/uploads/Flat-Responsive-Design-option.jpg" alt="Responsive WordPress Theme Development" title="Responsive WordPress Theme Development" srcset="https://hqsecure.com/wp-content/uploads/Flat-Responsive-Design-option.jpg 600w, https://hqsecure.com/wp-content/uploads/Flat-Responsive-Design-option-300x130.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-1737" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Remember the website days past, where to have the coolest website it would have to have some stunning Flash animation flying around on the screen. Those days are long gone. Today the landscape is shifting, yes, more quickly than we can keep up at times. Mobile browsing is expected to outpace desktop-based access within three to five years. Two of the three dominant video game consoles have web browsers. We’re designing for mice and keyboards, for T9 keypads, for handheld game controllers, for touch interfaces. In short, we’re faced with a greater number of devices, input modes, and browsers than ever before.</p>
<p>&nbsp;</p>
<h3></h3></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_15">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_4  et_pb_text_align_left  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">&#xe00e;</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Get Responsive</span></h4>
						<div class="et_pb_blurb_description"><p>Responsive websites differ from normal websites in how ones web content is displayed; to where one&#8217;s mobile website looks very similar to one&#8217;s regular website. The difference is in how the content flows and sizes; text, images and navigation all adjust themselves dynamically to provide the best user experience possible given the device the user is accessing ones website with. When the browser view port changes, your text and graphics know what needs to be done to provide users with a consistent, usable browsing experience.</p>
<p>&nbsp;</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_5  et_pb_text_align_left  et_pb_blurb_position_top et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">&#x55;</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Get SEO</span></h4>
						<div class="et_pb_blurb_description"><p>Web design today must leverage ones SEO and there is absolutely no doubt that the responsiveness of your website has a role to play on ones rankings at Google, Bing, Yahoo and Ask. Responsive websites are becoming the norm these days, not because they gives designers and developers a few web editing jobs, but because it makes websites more accessible and thus they are able to reach a wider audience. That is why designing responsive websites (with an eye on SEO) is so important given the state of technology today.</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_16">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>This website is responsive. Change the size of your browser window or access the site from your mobile phone or tablet.</h2></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_17">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_cta_0 et_pb_promo  et_pb_text_align_center et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_promo_description"><h2 class="et_pb_module_header">Get Started</h2><div><p>Your just a phone call away from having a responsive website.</p></div></div>
				<div class="et_pb_button_wrapper"><a class="et_pb_button et_pb_promo_button" href="tel:9706724401">Call Today!</a></div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_3 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="737" height="588" src="https://hqsecure.com/wp-content/uploads/2013/04/Responsive-Collage.png" alt="Responsive Website on Mobile Devices Collage" title="Responsive Website on Mobile Devices Collage" srcset="https://hqsecure.com/wp-content/uploads/2013/04/Responsive-Collage.png 737w, https://hqsecure.com/wp-content/uploads/2013/04/Responsive-Collage-300x239.png 300w" sizes="(max-width: 737px) 100vw, 737px" class="wp-image-700" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>The post <a href="https://hqsecure.com/responsive-web-design/">Responsive Web Design</a> appeared first on <a href="https://hqsecure.com">HQ Secure Global Internet</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
