1<!doctype html> 2<html lang="en-US"> 3 4<!-- Mirrored from designmodo.com/slides/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 07 Sep 2026 16:37:28 GMT --> 5<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> 6<head> 7 <meta charset="UTF-8"> 8 <meta name="mobile-web-app-capable" content="yes" /> 9 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="png/apple-touch-icon-57x57.png" /> 10 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="png/apple-touch-icon-114x114.png" /> 11 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="png/apple-touch-icon-72x72.png" /> 12 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="png/apple-touch-icon-144x144.png" /> 13 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="png/apple-touch-icon-120x120.png" /> 14 <link rel="icon" type="image/png" href="png/favicon-32x32.png" sizes="32x32" /> 15 <link rel="icon" type="image/png" href="png/favicon-16x16.png" sizes="16x16" /> 16 <link rel="icon" type="image/svg+xml" href="svg/favicon.svg" /> 17 <link rel="stylesheet" href="css/inter.css">
18<script src="js/consent-mode97de.js?ver=1.0.5"></script>
18 19<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 20 21 <!-- This site is optimized with the Yoast SEO Premium plugin - https://yoast.com/wordpress/plugins/seo/ --> 22 <title>Fastest No-Code Website Builder for Stunning Animated Websites</title> 23 <meta name="description" content="Create beautiful, responsive, and animated websites effortlessly with Slides. Use customizable templates, drag-and-drop UI blocks, and built-in integrations." /> 24 <link rel="canonical" href="index-5.html" /> 25 <meta property="og:locale" content="en_US" /> 26 <meta property="og:type" content="article" /> 27 <meta property="og:title" content="Fastest No-Code Website Builder for Stunning Animated Websites" /> 28 <meta property="og:description" content="Create beautiful, responsive, and animated websites effortlessly with Slides. Use customizable templates, drag-and-drop UI blocks, and built-in integrations. Perfect for entrepreneurs, freelancers, and small businesses. Start building your no-code website today!" /> 29 <meta property="og:url" content="https://designmodo.com/slides/" /> 30 <meta property="og:site_name" content="Designmodo" /> 31 <meta property="article:publisher" content="https://www.facebook.com/designmodo" /> 32 <meta property="article:published_time" content="2025-01-21T08:51:35+00:00" /> 33 <meta property="article:modified_time" content="2025-06-12T09:27:11+00:00" /> 34 <meta property="og:image" content="https://designmodo.com/wp-content/uploads/2025/01/slides.jpg" /> 35 <meta property="og:image:width" content="1920" /> 36 <meta property="og:image:height" content="1080" /> 37 <meta property="og:image:type" content="image/jpeg" /> 38 <meta name="author" content="Andrian Valeanu" /> 39 <meta name="twitter:card" content="summary_large_image" /> 40 <meta name="twitter:title" content="Fastest No-Code Website Builder for Stunning Animated Websites" /> 41 <meta name="twitter:description" content="Create beautiful, responsive, and animated websites effortlessly with Slides. Use customizable templates, drag-and-drop UI blocks, and built-in integrations. Perfect for entrepreneurs, freelancers, and small businesses. Start building your no-code website today!" /> 42 <meta name="twitter:image" content="https://designmodo.com/wp-content/uploads/2025/01/slides.jpg" /> 43 <meta name="twitter:creator" content="@andrianv" /> 44 <meta name="twitter:site" content="@designmodo" /> 45 <meta name="twitter:label1" content="Written by" /> 46 <meta name="twitter:data1" content="Andrian Valeanu" /> 47 <meta name="twitter:label2" content="Est. reading time" /> 48 <meta name="twitter:data2" content="1 minute" /> 49
49<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://designmodo.com/slides/","url":"https://designmodo.com/slides/","name":"Fastest No-Code Website Builder for Stunning Animated Websites","isPartOf":{"@id":"https://designmodo.com/#website"},"primaryImageOfPage":{"@id":"https://designmodo.com/slides/#primaryimage"},"image":{"@id":"https://designmodo.com/slides/#primaryimage"},"thumbnailUrl":"https://designmodo.com/wp-content/uploads/2025/01/slides.jpg","datePublished":"2025-01-21T08:51:35+00:00","dateModified":"2025-06-12T09:27:11+00:00","description":"Create beautiful, responsive, and animated websites effortlessly with Slides. Use customizable templates, drag-and-drop UI blocks, and built-in integrations.","breadcrumb":{"@id":"https://designmodo.com/slides/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://designmodo.com/slides/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://designmodo.com/slides/#primaryimage","url":"https://designmodo.com/wp-content/uploads/2025/01/slides.jpg","contentUrl":"https://designmodo.com/wp-content/uploads/2025/01/slides.jpg","width":1920,"height":1080,"caption":"Fastest No-Code Website Builder for Stunning Animated Websites"},{"@type":"BreadcrumbList","@id":"https://designmodo.com/slides/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://designmodo.com/"},{"@type":"ListItem","position":2,"name":"Fastest No-Code Website Builder for Stunning Animated Websites"}]},{"@type":"WebSite","@id":"https://designmodo.com/#website","url":"https://designmodo.com/","name":"Designmodo","description":"Designmodo: Email & Web Design Suite for Everyone","publisher":{"@id":"https://designmodo.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://designmodo.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://designmodo.com/#organization","name":"Designmodo","url":"https://designmodo.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://designmodo.com/#/schema/logo/image/","url":"https://designmodo.com/wp-content/uploads/2024/04/dm-icon-white.png","contentUrl":"https://designmodo.com/wp-content/uploads/2024/04/dm-icon-white.png","width":800,"height":800,"caption":"Designmodo"},"image":{"@id":"https://designmodo.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/designmodo","https://x.com/designmodo","https://www.instagram.com/designmodo/","https://www.linkedin.com/company/designmodo/","https://www.pinterest.com/designmodo/","https://www.youtube.com/designmodo"]}]}</script>
49 50 <!-- / Yoast SEO Premium plugin. --> 51 52 53<link rel='stylesheet' id='dm-cookie-consent-css' href='css/cookie-consent-standalone97de.css?ver=1.0.5' type='text/css' media='all' /> 54<link rel='stylesheet' id='dm_shop_slides_swiper_css-css' href='css/swiper.min8717.css?ver=7.0' type='text/css' media='all' /> 55<link rel='stylesheet' id='dm_shop_slides_styles-css' href='css/slides.min8717.css?ver=7.0' type='text/css' media='all' /> 56<link rel='stylesheet' id='dm_short_menu_css-css' href='css/dm-short-menuf269.css?ver=1.0.1' type='text/css' media='all' /> 57
57<script> 58 window.wc_ga_pro = {}; 59 60 window.wc_ga_pro.ajax_url = 'admin-ajax.html'; 61 62 window.wc_ga_pro.available_gateways = {"stripe":"Credit \/ Debit Card","paypal":"PayPal"}; 63 64 // interpolate json by replacing placeholders with variables (only used by UA tracking) 65 window.wc_ga_pro.interpolate_json = function( object, variables ) { 66 67 if ( ! variables ) { 68 return object; 69 } 70 71 let j = JSON.stringify( object ); 72 73 for ( let k in variables ) { 74 j = j.split( '{$' + k + '}' ).join( variables[ k ] ); 75 } 76 77 return JSON.parse( j ); 78 }; 79 80 // return the title for a payment gateway 81 window.wc_ga_pro.get_payment_method_title = function( payment_method ) { 82 return window.wc_ga_pro.available_gateways[ payment_method ] || payment_method; 83 }; 84 85 // check if an email is valid 86 window.wc_ga_pro.is_valid_email = function( email ) { 87 return /[^\s@]+@[^\s@]+\.[^\s@]+/.test( email ); 88 }; 89 </script>
89 90 <!-- Google tag (gtag.js) --> 91
91<script async src='https://www.googletagmanager.com/gtag/js?id=G-8FKY4Q4LXV&l=dataLayer'></script>
91 92
92<script > 93 94
vendor: 149 bytes, lines 94-102
94window.dataLayer = window.dataLayer || []; 95 96 function gtag() { 97 dataLayer.push(arguments); 98 } 99 100 gtag('js', new Date()); 101 102 gtag('config', '
102G-8FKY4Q4LXV
vendor: 34 bytes, lines 102-104
102', {"cookie_domain":"auto"}); 103 104
104gtag('consent', 'default', {"analytics_storage":"denied","ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","region":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB","CH"]});(function($) { 105 $(function () { 106 107 const consentMap = { 108 statistics: [ 'analytics_storage' ], 109 marketing: [ 'ad_storage', 'ad_user_data', 'ad_personalization' ] 110 }; 111 112 // eslint-disable-next-line camelcase -- `wp_has_consent` is defined by the WP Consent API plugin. 113 if ( typeof window.wp_has_consent === 'function' ) { 114 console.log('has consent'); 115 116 // eslint-disable-next-line camelcase -- `wp_consent_type` is defined by the WP Consent API plugin. 117 if ( window.wp_consent_type === undefined ) { 118 window.wp_consent_type = 'optin'; 119 } 120 121 const consentState = {}; 122 123 for ( const [ category, types ] of Object.entries( consentMap ) ) { 124 // eslint-disable-next-line camelcase, no-undef -- `consent_api_get_cookie`, `constent_api` is defined by the WP Consent API plugin. 125 if ( consent_api_get_cookie( window.consent_api.cookie_prefix + '_' + category ) !== '' ) { 126 // eslint-disable-next-line camelcase, no-undef -- `wp_has_consent` is defined by the WP Consent API plugin. 127 const hasConsent = wp_has_consent( category ) ? 'granted' : 'denied'; 128 129 types.forEach( ( type ) => { 130 consentState[ type ] = hasConsent; 131 } ); 132 } 133 } 134 135 if ( Object.keys( consentState ).length > 0 ) { 136 gtag( 'consent', 'update', consentState ); 137 } 138 } 139 140 document.addEventListener( 'wp_listen_for_consent_change', ( event ) => { 141 const consentUpdate = {}; 142 const types = consentMap[ Object.keys( event.detail )[ 0 ] ]; 143 const state = Object.values( event.detail )[ 0 ] === 'allow' ? 'granted' : 'denied'; 144 145 if ( types === undefined ) { 146 return 147 } 148 149 types.forEach( ( type ) => { 150 consentUpdate[ type ] = state; 151 } ); 152 153 if ( Object.keys( consentUpdate ).length > 0 ) { 154 gtag( 'consent', 'update', consentUpdate ); 155 } 156 } ); 157 }); 158})(jQuery); 159 160 (function() { 161 162 const event = document.createEvent('Event'); 163 164 event.initEvent( 'wc_google_analytics_pro_gtag_loaded', true, true ); 165 166 document.dispatchEvent( event ); 167 })(); 168 </script>
168 169 <meta name="ahrefs-site-verification" content="28d1184af9a70759443898b48625e6745033bc2fa6d64e70cf6f1a5c830d28f2" /> 170<meta name="facebook-domain-verification" content="scxgkbroqq0jrkqwqwmcpgc3dykk9v" /> 171<meta property="fb:app_id" content="156267104960234" /> 172 173<!-- Google Tag Manager -->
174<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 175new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 176j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 177'gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f); 178})(window,document,'script','dataLayer','GTM-NKNWHQG');</script>
178 179<!-- End Google Tag Manager --> 180
181<script defer data-api="/4ffeddde-f86e-4d67-8ed9-73df671961fa/api/send/" data-domain="designmodo.com" src="js/script.js"></script>
181<link rel="llms-sitemap" href="txt/llms.txt" /> 182<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 183 184 <noscript><style type="text/css">[class*="ae-"]{opacity:1!important;visibility:visible!important;}.js-enabled{display:none!important;}</style></noscript> 185</head> 186<body class="presentation slides night-mode noPreload scroll animateOnEvent smooth"> 187 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 187-188
187 188<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
188GTM-NKNWHQG
vendor: 84 bytes, line 188
188" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
189<!-- End Google Tag Manager (noscript) --> <main id="main-content"> 190 191<style>.dark-mode-fill{fill:#fff;}</style><svg xmlns="http://www.w3.org/2000/svg" style="display:none"> 192 <symbol id="close" viewBox="0 0 32 32"><path d="M9.33301 9.3335L15.9997 16.0002M15.9997 16.0002L22.6663 22.6668M15.9997 16.0002L22.6663 9.3335M15.9997 16.0002L9.33301 22.6668" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/></symbol> 193 <symbol id="menu" viewBox="0 0 18 18"><path d="M16 5h-14c-.6 0-1-.4-1-1 0-.5.4-1 1-1h14c.5 0 1 .4 1 1s-.4 1-1 1zm-14 5h14c.5 0 1-.4 1-1 0-.5-.4-1-1-1h-14c-.6 0-1 .4-1 1s.4 1 1 1zm14 3h-14c-.5 0-1 .4-1 1 0 .5.4 1 1 1h14c.5 0 1-.4 1-1s-.4-1-1-1z"/></symbol> 194 <symbol id="facebook" viewBox="0 0 24 24"><path d="M24 1.3v21.3c0 .7-.6 1.3-1.3 1.3h-6.1v-9.3h3.1l.5-3.6h-3.6v-2.2c0-1.1.3-1.8 1.8-1.8h1.9v-3.2c-.3 0-1.5-.1-2.8-.1-2.8 0-4.7 1.7-4.7 4.8v2.7h-3.1v3.6h3.1v9.2h-11.5c-.7 0-1.3-.6-1.3-1.3v-21.4c0-.7.6-1.3 1.3-1.3h21.3c.8 0 1.4.6 1.4 1.3z"/></symbol> 195 <symbol id="twitter" viewBox="0 1 24 23"><path d="M21.5 7.6v.6c0 6.6-5 14.1-14 14.1-2.8 0-5.4-.8-7.6-2.2l1.2.1c2.3 0 4.4-.8 6.1-2.1-2.2 0-4-1.5-4.6-3.4.3.1.6.1.9.1.5 0 .9-.1 1.3-.2-2.1-.6-3.8-2.6-3.8-5 .7.4 1.4.6 2.2.6-1.3-.9-2.2-2.4-2.2-4.1 0-.9.2-1.8.7-2.5 2.4 3 6.1 5 10.2 5.2-.1-.4-.1-.7-.1-1.1 0-2.7 2.2-5 4.9-5 1.4 0 2.7.6 3.6 1.6 1-.3 2.1-.7 3-1.3-.4 1.2-1.1 2.1-2.2 2.7 1-.1 1.9-.4 2.8-.8-.6 1.1-1.4 2-2.4 2.7z"/></symbol> 196 <symbol id="youtube" viewBox="0 0 24 24"><path d="M23.6 6.3c-.3-1.2-1.4-2.2-2.6-2.3-3-.3-6-.3-9-.3s-6 0-9 .3c-1.2.1-2.3 1.1-2.6 2.3-.4 1.8-.4 3.8-.4 5.7 0 1.9 0 3.9.4 5.7.3 1.2 1.4 2.2 2.6 2.3 3 .3 6 .3 9 .3s6 0 9-.3c1.3-.1 2.3-1.1 2.6-2.4.4-1.7.4-3.7.4-5.6 0-1.9 0-3.9-.4-5.7zm-14.1 9v-6.6l6.5 3.3-6.5 3.3z"/></symbol> 197</svg> 198 199<!-- Panel Top #01 --> 200<nav class="panel top absolute"> 201 <div class="fix-12-12"> 202 <div class="sections desktop"> 203 <div class="left"> 204 <a href="index-5.html" title="Slides 7" class=""> 205 <svg width="109" height="28" viewBox="0 0 148 39" fill="none" xmlns="http://www.w3.org/2000/svg" id="slides-logo"> 206<path d="M39.2543 28.8186C39.4886 31.0453 41.4803 34.8627 47.2599 34.8627C52.2976 34.8627 54.7188 31.602 54.7188 28.4209C54.7188 25.5579 52.8053 23.2119 49.0172 22.4166L46.2836 21.8201C45.2292 21.6213 44.5263 21.0248 44.5263 20.0705C44.5263 18.9571 45.6198 18.1221 46.9866 18.1221C49.1735 18.1221 49.9935 19.5933 50.1497 20.7465L54.4845 19.7524C54.2502 17.6449 52.4147 14.1059 46.9475 14.1059C42.808 14.1059 39.762 17.0087 39.762 20.5079C39.762 23.2516 41.4412 25.5182 45.1511 26.3532L47.6895 26.9497C49.1735 27.2678 49.7592 27.9835 49.7592 28.8583C49.7592 29.8922 48.9391 30.8068 47.2209 30.8068C44.9559 30.8068 43.8234 29.3753 43.7062 27.8245L39.2543 28.8186Z" fill="#202020" class="dark-mode-fill"/> 207<path d="M62.1362 34.2662V5.47717H56.9423V34.2662H62.1362Z" fill="#202020" class="dark-mode-fill"/> 208<path d="M70.938 34.2662V14.7024H65.7442V34.2662H70.938ZM65.1193 8.3004C65.1193 10.05 66.5643 11.5213 68.3216 11.5213C70.118 11.5213 71.5238 10.05 71.5238 8.3004C71.5238 6.47126 70.118 5 68.3216 5C66.5643 5 65.1193 6.47126 65.1193 8.3004Z" fill="#202020" class="dark-mode-fill"/> 209<path d="M92.8613 5.47717H87.7455V16.6508C87.1988 15.617 85.6367 14.2252 82.3173 14.2252C76.8891 14.2252 73.1011 18.7185 73.1011 24.4445C73.1011 30.3694 77.0063 34.7434 82.4735 34.7434C85.0509 34.7434 87.0035 33.5505 87.8627 31.9997C87.8627 32.9142 87.9798 33.8686 88.0579 34.2662H93.0175C92.9394 33.4709 92.8613 32.0394 92.8613 30.7272V5.47717ZM78.3341 24.4445C78.3341 20.9453 80.4428 18.9571 83.0984 18.9571C85.7539 18.9571 87.8236 20.9055 87.8236 24.4048C87.8236 27.9438 85.7539 30.0115 83.0984 30.0115C80.3647 30.0115 78.3341 27.9438 78.3341 24.4445Z" fill="#202020" class="dark-mode-fill"/> 210<path d="M100.331 22.2575C100.448 20.4681 101.932 18.4004 104.627 18.4004C107.595 18.4004 108.844 20.3091 108.922 22.2575H100.331ZM109.43 27.3473C108.805 29.0969 107.478 30.3296 105.056 30.3296C102.479 30.3296 100.331 28.4607 100.214 25.876H113.96C113.96 25.7965 114.038 25.0012 114.038 24.2457C114.038 17.963 110.485 14.1059 104.549 14.1059C99.6282 14.1059 95.0982 18.1618 95.0982 24.4048C95.0982 31.0056 99.7453 34.8627 105.017 34.8627C109.743 34.8627 112.789 32.0394 113.765 28.6595L109.43 27.3473Z" fill="#202020" class="dark-mode-fill"/> 211<path d="M114.536 28.8186C114.77 31.0453 116.761 34.8627 122.541 34.8627C127.579 34.8627 130 31.602 130 28.4209C130 25.5579 128.086 23.2119 124.298 22.4166L121.565 21.8201C120.51 21.6213 119.808 21.0248 119.808 20.0705C119.808 18.9571 120.901 18.1221 122.268 18.1221C124.455 18.1221 125.275 19.5933 125.431 20.7465L129.766 19.7524C129.531 17.6449 127.696 14.1059 122.229 14.1059C118.089 14.1059 115.043 17.0087 115.043 20.5079C115.043 23.2516 116.722 25.5182 120.432 26.3532L122.971 26.9497C124.455 27.2678 125.04 27.9835 125.04 28.8583C125.04 29.8922 124.22 30.8068 122.502 30.8068C120.237 30.8068 119.105 29.3753 118.987 27.8245L114.536 28.8186Z" fill="#202020" class="dark-mode-fill"/> 212<path d="M10.5377 24.107C12.0393 24.107 13.2565 22.8675 13.2565 21.3386C13.2565 19.8097 12.0393 18.5703 10.5377 18.5703C9.03623 18.5703 7.81901 19.8097 7.81901 21.3386C7.81901 22.8675 9.03623 24.107 10.5377 24.107Z" fill="#202020" class="dark-mode-fill"/> 213<path d="M15.8066 6.8103C7.08137 6.8103 0 14.0208 0 22.9052C0 31.7896 7.08137 39.0001 15.8066 39.0001C24.5319 39.0001 31.6132 31.7896 31.6132 22.9052C31.6132 14.0208 24.5319 6.8103 15.8066 6.8103ZM4.95274 21.3601C4.95274 18.227 7.46072 15.6732 10.5377 15.6732C13.6148 15.6732 16.1228 18.227 16.1228 21.3601C16.1228 24.4932 13.6148 27.047 10.5377 27.047C7.46072 27.047 4.95274 24.4932 4.95274 21.3601ZM16.5232 32.8411C14.7739 32.8411 13.0879 32.3475 11.6126 31.4033L13.0668 29.0213C14.0995 29.6865 15.3008 30.0299 16.5232 30.0299C17.7456 30.0299 18.9469 29.6865 19.9585 29.0213L21.4127 31.4033C19.9585 32.3475 18.2514 32.8411 16.5232 32.8411ZM18.8204 22.755V19.9437H27.2928V22.755H18.8204Z" fill="#202020" class="dark-mode-fill"/> 214<!--<circle opacity="0.9" cx="139" cy="9" r="9" fill="#007AFF"/> 215<path d="M137.176 14L141.08 6.27841V6.21023H136.58V5.27273H142.17V6.26136L138.284 14H137.176Z" fill="white"/>--> 216</svg> 217 </a> 218 </div> 219 <div class="center"> 220 </div> 221 <div class="right"> 222 <a href="index-111.html" class="margin-left-2 margin-right-2 button stroke rounded crop flat">Login</a> 223 <a class="button rounded crop flat" href="index-4.html">Open Editor</a> 224 </div> 225 </div> 226 <div class="sections compact hidden"> 227 <div class="left"> 228 <a href="index-5.html" title="Slides 7"> 229 <svg width="109" height="28" viewBox="0 0 148 39" fill="none" xmlns="http://www.w3.org/2000/svg" id="slides-logo"> 230<path d="M39.2543 28.8186C39.4886 31.0453 41.4803 34.8627 47.2599 34.8
230627C52.2976 34.8627 54.7188 31.602 54.7188 28.4209C54.7188 25.5579 52.8053 23.2119 49.0172 22.4166L46.2836 21.8201C45.2292 21.6213 44.5263 21.0248 44.5263 20.0705C44.5263 18.9571 45.6198 18.1221 46.9866 18.1221C49.1735 18.1221 49.9935 19.5933 50.1497 20.7465L54.4845 19.7524C54.2502 17.6449 52.4147 14.1059 46.9475 14.1059C42.808 14.1059 39.762 17.0087 39.762 20.5079C39.762 23.2516 41.4412 25.5182 45.1511 26.3532L47.6895 26.9497C49.1735 27.2678 49.7592 27.9835 49.7592 28.8583C49.7592 29.8922 48.9391 30.8068 47.2209 30.8068C44.9559 30.8068 43.8234 29.3753 43.7062 27.8245L39.2543 28.8186Z" fill="#202020" class="dark-mode-fill"/> 231<path d="M62.1362 34.2662V5.47717H56.9423V34.2662H62.1362Z" fill="#202020" class="dark-mode-fill"/> 232<path d="M70.938 34.2662V14.7024H65.7442V34.2662H70.938ZM65.1193 8.3004C65.1193 10.05 66.5643 11.5213 68.3216 11.5213C70.118 11.5213 71.5238 10.05 71.5238 8.3004C71.5238 6.47126 70.118 5 68.3216 5C66.5643 5 65.1193 6.47126 65.1193 8.3004Z" fill="#202020" class="dark-mode-fill"/> 233<path d="M92.8613 5.47717H87.7455V16.6508C87.1988 15.617 85.6367 14.2252 82.3173 14.2252C76.8891 14.2252 73.1011 18.7185 73.1011 24.4445C73.1011 30.3694 77.0063 34.7434 82.4735 34.7434C85.0509 34.7434 87.0035 33.5505 87.8627 31.9997C87.8627 32.9142 87.9798 33.8686 88.0579 34.2662H93.0175C92.9394 33.4709 92.8613 32.0394 92.8613 30.7272V5.47717ZM78.3341 24.4445C78.3341 20.9453 80.4428 18.9571 83.0984 18.9571C85.7539 18.9571 87.8236 20.9055 87.8236 24.4048C87.8236 27.9438 85.7539 30.0115 83.0984 30.0115C80.3647 30.0115 78.3341 27.9438 78.3341 24.4445Z" fill="#202020" class="dark-mode-fill"/> 234<path d="M100.331 22.2575C100.448 20.4681 101.932 18.4004 104.627 18.4004C107.595 18.4004 108.844 20.3091 108.922 22.2575H100.331ZM109.43 27.3473C108.805 29.0969 107.478 30.3296 105.056 30.3296C102.479 30.3296 100.331 28.4607 100.214 25.876H113.96C113.96 25.7965 114.038 25.0012 114.038 24.2457C114.038 17.963 110.485 14.1059 104.549 14.1059C99.6282 14.1059 95.0982 18.1618 95.0982 24.4048C95.0982 31.0056 99.7453 34.8627 105.017 34.8627C109.743 34.8627 112.789 32.0394 113.765 28.6595L109.43 27.3473Z" fill="#202020" class="dark-mode-fill"/> 235<path d="M114.536 28.8186C114.77 31.0453 116.761 34.8627 122.541 34.8627C127.579 34.8627 130 31.602 130 28.4209C130 25.5579 128.086 23.2119 124.298 22.4166L121.565 21.8201C120.51 21.6213 119.808 21.0248 119.808 20.0705C119.808 18.9571 120.901 18.1221 122.268 18.1221C124.455 18.1221 125.275 19.5933 125.431 20.7465L129.766 19.7524C129.531 17.6449 127.696 14.1059 122.229 14.1059C118.089 14.1059 115.043 17.0087 115.043 20.5079C115.043 23.2516 116.722 25.5182 120.432 26.3532L122.971 26.9497C124.455 27.2678 125.04 27.9835 125.04 28.8583C125.04 29.8922 124.22 30.8068 122.502 30.8068C120.237 30.8068 119.105 29.3753 118.987 27.8245L114.536 28.8186Z" fill="#202020" class="dark-mode-fill"/> 236<path d="M10.5377 24.107C12.0393 24.107 13.2565 22.8675 13.2565 21.3386C13.2565 19.8097 12.0393 18.5703 10.5377 18.5703C9.03623 18.5703 7.81901 19.8097 7.81901 21.3386C7.81901 22.8675 9.03623 24.107 10.5377 24.107Z" fill="#202020" class="dark-mode-fill"/> 237<path d="M15.8066 6.8103C7.08137 6.8103 0 14.0208 0 22.9052C0 31.7896 7.08137 39.0001 15.8066 39.0001C24.5319 39.0001 31.6132 31.7896 31.6132 22.9052C31.6132 14.0208 24.5319 6.8103 15.8066 6.8103ZM4.95274 21.3601C4.95274 18.227 7.46072 15.6732 10.5377 15.6732C13.6148 15.6732 16.1228 18.227 16.1228 21.3601C16.1228 24.4932 13.6148 27.047 10.5377 27.047C7.46072 27.047 4.95274 24.4932 4.95274 21.3601ZM16.5232 32.8411C14.7739 32.8411 13.0879 32.3475 11.6126 31.4033L13.0668 29.0213C14.0995 29.6865 15.3008 30.0299 16.5232 30.0299C17.7456 30.0299 18.9469 29.6865 19.9585 29.0213L21.4127 31.4033C19.9585 32.3475 18.2514 32.8411 16.5232 32.8411ZM18.8204 22.755V19.9437H27.2928V22.755H18.8204Z" fill="#202020" class="dark-mode-fill"/> 238<!--<circle opacity="0.9" cx="139" cy="9" r="9" fill="#007AFF"/> 239<path d="M137.176 14L141.08 6.27841V6.21023H136.58V5.27273H142.17V6.26136L138.284 14H137.176Z" fill="white"/>--> 240</svg> 241 </a> 242 </div> 243 <div class="right"><span class="button actionButton sidebarTrigger" data-sidebar-id="menu"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu"></use></svg></span></div> 244 </div> 245 </div> 246</nav> 247 248<!-- Sidebar --> 249<nav class="sidebar" data-sidebar-id="menu"> 250 <div class="close"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use></svg></div> 251 <div class="content"> 252 <a href="index-5.html" class="logo"><img src="svg/logo-white.svg" alt="" title="Slides 7" /></a> 253 <ul class="mainMenu margin-top-3"> 254 <li><a href="index-4.html">Open Editor</a></li> 255 <li><a href="index-49.html">Login</a></li> 256 <li><a href="index-9.html">Pricing</a></li> 257 <li><a href="index-112.html">FAQ</a></li> 258 <li><a onclick="Beacon('open')">Contacts</a></li> 259 </ul> 260<!-- <ul class="subMenu small opacity-8"> 261 </ul> --> 262 </div> 263</nav> 264
265<script> 266 var slides_img_url = "index-113.html"; 267 var slides_test_domain_url = "index-114.html"; 268</script>
268 269<style> 270 .video-container{aspect-ratio:1180/606;} 271 #templates img{aspect-ratio:1098/935;} 272 .js-custom-infinite-slider img{aspect-ratio:205/128;} 273</style> 274<!--<div style="position:fixed;top:5px;right:5px;width:10px;height:10px;background:yellow;border:1px solid green;z-index:9999;cursor:pointer;" onclick="nightModeModifier();"></div>--> 275<div class="overflow-hidden"> 276<!-- First Screen --> 277<section class="slide autoHeight" id="first-screen"> 278 <img src="svg/night-mode-first-screen-gradient.svg" class="fs-gradient js-night-mode-img" /> 279 <div class="fs-dots js-dots-container" data-gap="67" data-width="8"></div> 280 <div class="content"> 281 <div class="container"> 282 <div class="wrap padding-top-20 padding-top-tablet-10 padding-bottom-9 padding-bottom-tablet-4"> 283 <div class="fix-12-12"> 284 <div class="margin-bottom-2 badge ae-1">Create a stunning website</div> 285 <h1 class="margin-bottom-2 text-gradient-1 ae-2">No-Code Website Builder</h1> 286 <p class="fix-6-12 margin-bottom-4 font-size-20 ae-3">Slides is a fast, intuitive website builder to generate beautiful, animated websites without a single line of coding. Choose from hundreds of premade UI blocks or use a template, then just drag and drop them into place.</p> 287 288 <div class="margin-bottom-7 fix-4-12 flex horizontalCenter fs-buttons"> 289 <a href="index-4.html" class="margin-right-2 button rounded crop flat ae-4">Open Editor</a> 290 </div> 291 292 <div class="margin-bottom-11 relative"> 293 <div class="fs-dots-small opacity-2 js-dots-container" data-gap="27" data-width="3"></div> 294 <div class="fs-circle"></div> 295 <div class="relative black overflow-hidden video-container ae-1" style="aspect-ratio: 1180/664;"> 296 <video class="absolute" style="top: 0; width: 100%; left: 0; height: 100%;" autoplay="1" loop="1" muted="1" preload="none" playsinline="1" poster="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2MCIgaGVpZ2h0PSI5MDgiIHZpZXdCb3g9IjAgMCAxMzYwIDkwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZmZmIj48cmVjdCB3aWR0aD0iMTM2MCIgaGVpZ2h0PSI5MDgiIGZpbGw9IiNmZmYiLz48L3N2Zz4="><source src="mp4/export202c.mp4?123" type="video/mp4"> </video> 297 </div> 298 </div> 299 </div> 300 <!-- Partners logos --> 301 <div class="relative" id="partners"> 302 <div class="fix-9-12 flex verticalCenter horizontalBetween logos hidden-tablet"> 303 <img class="ae-1 fromCenter margin-right-1 margin-bottom-2" src="svg/nike.svg" alt="Nike - partner of Slides 7" title="Nike - partner of Slides 7" /> 304 <img class="ae-2 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/adobe.svg" alt="Adobe - partner of Slides 7" title="Adobe - partner of Slides 7" /> 305 <img class="ae-3 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/microsoft.svg" alt="Microsoft - partner of Slides 7" title="Microsoft - partner of Slides 7" /> 306 <img class="ae-4 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/ikea.svg" alt="Ikea - partner of Slides 7" title="Ikea - partner of Slides 7" /> 307 <img class="ae-5 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/tmobile.svg" alt="tmobile - partner of Slides 7" title="tmobile - partner of Slides 7" /> 308 <img class="ae-6 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/godaddy.svg" alt="GoDaddy - partner of Slides 7" title="GoDaddy - partner of Slides 7" /> 309 <img class="ae-7 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/disney.svg" alt="Disney - partner of Slides 7" title="Disney - partner of Slides 7" /> 310 <img class="ae-8 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/yahoo.svg" alt="Yahoo - partner of Slides 7" title="Yahoo - partner of Slides 7" /> 311 <img class="ae-9 fromCenter margin-left-1 margin-right-1 margin-bottom-2" src="svg/google.svg" alt="Google - partner of Slides 7" title="Google - partner of Slides 7" /> 312 <img class="ae-10 fromCenter margin-left-1 margin-bottom-2" src="svg/nasa.svg" alt="NASA - partner of Slides 7" title="NASA - partner of Slides 7" /> 313 </div> 314 315 <div class="fix-6-12 showForTablet" style="display: none;"> 316 <img class="ae-1 fromCenter wide" src="svg/clients.svg" alt="Partners" title="Partners" width="571" height="143" /> 317 </div>
318 </div> 319 </div> 320 </div> 321 </div> 322</section> 323 324<!-- Product features blocks --> 325<div class="relative padding-top-10 padding-top-tablet-4"> <!-- start of dots container --> 326 <div class="fs-dots js-dots-container" data-gap="67" data-width="8"></div> 327 328 <section class="slide autoHeight transparent"> 329 <div class="content"> 330 <div class="container"> 331 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 332 <div class="fix-12-12"> 333 <ul class="flex fixedSpaces verticalStretch"> 334 <!-- Templates --> 335 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="templates"> 336 <div class="templates-circle"></div> 337 <div class="feature-block with-border"> 338 <div class="padding-3 padding-phone-2"> 339 <div class="margin-bottom-2 badge ae-1">Templates</div> 340 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Build even faster with <span class="nobr">pre-designed</span> templates</h2> 341 <p class="margin-bottom-3 font-size-20 font-size-phone-16 ae-3">Short on time? Hit the ground running with <span class="nobr">a purpose-built</span> template for your industry, <br class="hidden-tablet">created by professional web designers.</p> 342 <div class="flex ae-4 js-templates-swiper-controller"> 343 344 <button class="button small lightGray flat noShadow">App</button> 345 346 <button class="button small lightGray flat noShadow">Restaurant</button> 347 348 <button class="button small lightGray flat noShadow">Art-gallery</button> 349 350 <button class="button small lightGray flat noShadow">Wallpapers</button> 351 352 <button class="button small lightGray flat noShadow selected">Shop</button> 353 354 <button class="button small lightGray flat noShadow">Wedding</button> 355 356 <button class="button small lightGray flat noShadow">Portfolio</button> 357 358 <button class="button small lightGray flat noShadow">Sport</button> 359 360 <button class="button small lightGray flat noShadow">Medicine</button> 361 362 <button class="button small lightGray flat noShadow">Real-estate</button> 363 </div> 364 </div> 365 <div class="ae-5"> 366 <div class="disable-pointer-events noSelect overflow-hidden border-gap" style="height:207px;"> 367 <div style="margin:0 auto; width:301px;"> 368 <div class="swiper swiper-no-swiping js-swiper-1"> 369 <div class="swiper-wrapper templates-swiper"> 370<div class="swiper-slide"> 371<picture> 372 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 373 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 374 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-10.jpg" class="real-estate" width="301" height="207" alt="Ready-to-use template" /> 375</picture> 376 </div><div class="swiper-slide"> 377<picture> 378 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 379 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 380 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-1.jpg" class="app" width="301" height="207" alt="Ready-to-use template" /> 381</picture> 382 </div><div class="swiper-slide"> 383<picture> 384 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 385 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 386 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-2.jpg" class="restaurant" width="301" height="207" alt="Ready-to-use template" /> 387</picture> 388 </div><div class="swiper-slide"> 389<picture> 390 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 391 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 392 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-3.jpg" class="art-gallery" width="301" height="207" alt="Ready-to-use template" /> 393</picture> 394 </div><div class="swiper-slide"> 395<picture> 396 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 397 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 398 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-4.jpg" class="wallpapers" width="301" height="207" alt="Ready-to-use template" /> 399</picture> 400 </div><div class="swiper-slide"> 401<picture> 402 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 403 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 404 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-5.jpg" class="shop" width="301" height="207" alt="Ready-to-use template" /> 405</picture> 406 </div><div class="swiper-slide"> 407<picture> 408 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 409 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 410 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-6.jpg" class="wedding" width="301" height="207" alt="Ready-to-use template" /> 411</picture> 412 </div><div class="swiper-slide"> 413<picture> 414 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 415 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 416 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-7.jpg" class="portfolio" width="301" height="207" alt="Ready-to-use template" /> 417</picture> 418 </div><div class="swiper-slide"> 419<picture> 420 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 421 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 422 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-8.jpg" class="sport" width="301" height="207" alt="Ready-to-use template" /> 423</picture> 424 </div><div class="swiper-slide"> 425<picture> 426 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 427 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 428 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-9.jpg" class="medicine" width="301" height="207" alt="Ready-to-use template" /> 429</picture> 430 </div><div class="swiper-slide"> 431<picture> 432 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 433 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 434 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-10.jpg" class="real-estate" width="301" height="207" alt="Ready-to-use template" /> 435</picture> 436 </div><div class="swiper-slide"> 437<picture> 438 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 439 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 440 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-1.jpg" class="app" width="301" height="207" alt="Ready-to-use template" /> 441</picture> 442 </div> 443 </div> 444 </div> 445 </div> 446 </div> 447 <div class="margin-top-1 border-gap overflow-hidden" style="border-bottom-left-radius:20px;border-bottom-right-radius:20px;"> 448 <div class="disable-pointer-events noSelect" style="margin:0 -15px; height:100px;"> 449 <div class="swiper swiper-no-swiping js-swiper-2"> 450 <div class="swiper-wrapper opacity-5"> 451<div class="swiper-slide"> 452<picture> 453 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 454 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 455 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-4.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-4.jpg" class="wallpapers" width="301" height="207" alt="Ready-to-use template" /> 456</picture> 457 </div><div class="swiper-slide"> 458<picture> 459 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 460 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 461 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-7.jpg" class="portfolio" width="301" height="207" alt="Ready-to-use template" /> 462</picture> 463 </div><div class="swiper-slide"> 464<picture> 465 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 466 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 467 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-10.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-10.jpg" class="real-estate" width="301" height="207" alt="Ready-to-use template" /> 468</picture> 469 </div><div class="swiper-slide">
469 470<picture> 471 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 472 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 473 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-5.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-5.jpg" class="shop" width="301" height="207" alt="Ready-to-use template" /> 474</picture> 475 </div><div class="swiper-slide"> 476<picture> 477 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 478 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 479 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-1.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-1.jpg" class="app" width="301" height="207" alt="Ready-to-use template" /> 480</picture> 481 </div><div class="swiper-slide"> 482<picture> 483 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 484 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 485 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-3.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-3.jpg" class="art-gallery" width="301" height="207" alt="Ready-to-use template" /> 486</picture> 487 </div><div class="swiper-slide"> 488<picture> 489 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 490 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 491 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-9.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-9.jpg" class="medicine" width="301" height="207" alt="Ready-to-use template" /> 492</picture> 493 </div><div class="swiper-slide"> 494<picture> 495 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 496 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 497 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-6.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-6.jpg" class="wedding" width="301" height="207" alt="Ready-to-use template" /> 498</picture> 499 </div><div class="swiper-slide"> 500<picture> 501 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 502 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 503 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-2.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-2.jpg" class="restaurant" width="301" height="207" alt="Ready-to-use template" /> 504</picture> 505 </div><div class="swiper-slide"> 506<picture> 507 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 508 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 509 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-7.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-7.jpg" class="portfolio" width="301" height="207" alt="Ready-to-use template" /> 510</picture> 511 </div><div class="swiper-slide"> 512<picture> 513 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 514 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 515 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/template-8.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/template-8.jpg" class="sport" width="301" height="207" alt="Ready-to-use template" /> 516</picture> 517 </div> 518 </div> 519 </div> 520 </div> 521 </div> 522 </div> 523 </div> 524 </li> 525 <!-- Presentation --> 526 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="presentation"> 527 <div class="feature-block with-border blue"> 528 <div class="padding-3 padding-phone-2"> 529 <div class="margin-bottom-2 badge ae-1">What is Slides</div> 530 <h2 class="margin-bottom-2 large ae-2">Publish your website way faster with a no-code website builder</h2> 531 <p class="margin-bottom-3 margin-bottom-phone-0 font-size-20 font-size-phone-16 opacity-7 ae-3">No-code website builders are perfect for solo entrepreneurs, freelancers, startups, and small businesses to create unforgettable websites without needing design or coding skills.</p> 532 </div> 533 534<picture> 535 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-presentation.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 536 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-presentation.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 537 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-presentation.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/night-mode-presentation.jpg" class="margin-top-3 margin-bottom-3 wide js-night-mode-img ae-4" width="580" height="292" alt="Present your product" /> 538</picture> 539 </div> 540 </li> 541 542 </ul> 543 </div>
544 </div> 545 </div> 546 </div> 547 </section> 548 <section class="slide autoHeight transparent"> 549 <div class="content"> 550 <div class="container"> 551 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 552 <div class="fix-12-12"> 553 <ul class="flex fixedSpaces verticalStretch"> 554 <!-- Scroll or Slide effect --> 555 <li class="margin-bottom-2 col-12-12 col-phablet-1-1 relative" id="scroll-or-slide"> 556 <div class="feature-block with-border"> 557 <div class="scroll-or-slide-circle"></div> 558 <ul class="flex noSpaces later"> 559 <li class="col-6-12"> 560 <div class="padding-3 padding-phone-2 padding-bottom-19 padding-bottom-tablet-4 padding-bottom-phablet-6 padding-bottom-phone-6"> 561 <div class="margin-bottom-2 badge ae-1">Slide & Scroll UX</div> 562 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Fluid <span class="nobr">scroll & slide</span></h2> 563 <div class="margin-bottom-5 ae-3"> 564 <p class="crop font-size-20 font-size-phone-16 inline">Seamless animations are pre-built into all Slides pages, whether you want your website to</p> 565 <label class="bottom"> 566 <input type="checkbox" name="scroll-or-slide" value="scroll" class="visually-hidden js-switch-input"> 567 <span class="switch noText"> 568 <span class="relative inlineFlex"> 569 <div class="js-switch-pin"></div> 570 <span class="font-size-18 font-size-phone-14 noSelect js-switch-off">Slide</span> 571 <span class="font-size-18 font-size-phone-14 noSelect js-switch-on" data-width="70" data-width-mobile="62">Scroll</span> 572 </span> 573 </span> 574 </label> 575 <p class="crop font-size-20 font-size-phone-16 inline"><br class="hidden-tablet">Slide is best for presentations, scroll is best for everything else.</p> 576 </div> 577 <a href="index-4.html" target="_blank" class="crop button blue rounded flat inlineFlex verticalCenter ae-4">Try for Free in The Editor <img src="svg/arrow-right-up.svg" width="24" height="24" class="margin-left-1 icon-24" /></a> 578 </div> 579 </li> 580 <li class="col-6-12 flex verticalCenter horizontalCenter"> 581 <div class="fix-6-12 margin-right-0 margin-right-phablet-auto relative js-animation-slide" id="js-scroll-or-slide-holder" stage="7"> 582 <div id="js-scroll-or-slide-img"> 583 584<picture> 585 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-153-1120w.webp" type="image/webp"> 586 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-153-1120w.jpg" type="image/jpeg"> 587 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-153-1120w.jpg" src="jpg/slide-153-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 588</picture> 589 590<picture> 591 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-122-1120w.webp" type="image/webp"> 592 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-122-1120w.jpg" type="image/jpeg"> 593 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-122-1120w.jpg" src="jpg/slide-white-122-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 594</picture> 595 596<picture> 597 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-162-1120w.webp" type="image/webp"> 598 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-162-1120w.jpg" type="image/jpeg"> 599 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/sli
599des/slide-162-1120w.jpg" src="jpg/slide-162-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 600</picture> 601 602<picture> 603 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-101-1120w.webp" type="image/webp"> 604 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-101-1120w.jpg" type="image/jpeg"> 605 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-101-1120w.jpg" src="jpg/slide-white-101-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 606</picture> 607 608<picture> 609 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-149-1120w.webp" type="image/webp"> 610 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-149-1120w.jpg" type="image/jpeg"> 611 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-149-1120w.jpg" src="jpg/slide-149-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 612</picture> 613 614<picture> 615 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-170-1120w.webp" type="image/webp"> 616 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-170-1120w.jpg" type="image/jpeg"> 617 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-white-170-1120w.jpg" src="jpg/slide-white-170-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 618</picture> 619 620<picture> 621 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-107-1120w.webp" type="image/webp"> 622 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-107-1120w.jpg" type="image/jpeg"> 623 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-107-1120w.jpg" src="jpg/slide-107-1120w.jpg" class="block wide" width="580" height="363" alt="Scroll or slide effect" /> 624</picture> 625 </div> 626 </div> 627 </li> 628 </ul> 629 </div> 630 </li> 631 632 </ul> 633 </div> 634 </div> 635 </div> 636 </div> 637 </section> 638 <section class="slide autoHeight transparent"> 639 <div class="content"> 640 <div class="container"> 641 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 642 <div class="fix-12-12"> 643 <ul class="flex fixedSpaces verticalStretch"> <!-- New Blocks --> 644 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="new-blocks"> 645 <div class="feature-block with-border"> 646 <div class="background"> 647 648<picture> 649 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-new-blocks-bg.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 650 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-new-blocks-bg.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 651 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/night-mode-new-blocks-bg.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/night-mode-new-blocks-bg.jpg" class="" width="580" height="839" alt="A lot of Ready-to-use customizable blocks for your website" /> 652</picture> 653 </div> 654 <div class="padding-3 padding-phone-2 padding-bottom-desktop-5 relative"> 655 <div class="margin-bottom-2 badge ae-1">Light & Dark themes</div> 656 <div class="margin-bottom-2 flex verticalStart horizontalBetween"> 657 <h2 class="crop large text-gradient-2 ae-2">Beautiful themes for both night and day</h2> 658 <div class="shift-down-5 ae-4"> 659 <div class="margin-right-1 js-new-blocks-arrow align-center noSelect disabled" data-direction="prev"> 660 <img src="svg/night-mode-arrow-left.svg" class="js-night-mode-img" width="24" height="24" alt="Arrow left"/> 661 </div> 662 <div class="js-new-blocks-arrow align-center noSelect" data-direction="next"> 663 <img src="svg/night-mode-arrow-right.svg" class="js-night-mode-img" width="24" height="24" alt="Arrow right"/> 664 </div> 665 </div> 666 </div> 667 <div class="margin-bottom-5 margin-bottom-phablet-3 fix-5-12 toLeft ae-3"> 668 <p class="crop font-size-20 font-size-phone-16 inline">Whichever theme you choose in the website builder, you can pick either a</p> 669 <label class="bottom"> 670 <input type="checkbox" name="infinite-slider-color" value="dark" class="visually-hidden js-switch-input" checked> 671 <span class="switch noText shift-up-1"> 672 <span class="relative inlineFlex"> 673 <div class="js-switch-pin"></div> 674 <span class="font-size-18 font-size-phone-14 noSelect js-switch-off">Light</span> 675 <span class="font-size-18 font-size-phone-14 noSelect js-switch-on" data-width="64" data-width-mobile="54">Dark</span> 676 </span> 677 </span> 678 </label> 679 <p class="crop font-size-20 font-size-phone-16 inline">version - and switch between them while building with a single click.</p> 680 </div> 681 <div class="margin-bottom-5 js-custom-infinite-slider ae-4"> 682 <div class="relative holder" data-color="dark" data-current-num="103"> 683 684<picture> 685 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/sli
685des/slide-101-1120w.webp" type="image/webp"> 686 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-101-1120w.jpg" type="image/jpeg"> 687 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-101-1120w.jpg" src="jpg/slide-101-1120w.jpg" class="wide img-sizer" width="530" height="330" alt="Slides 7 new slide" /> 688</picture> 689 690<picture> 691 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-101-1120w.webp" type="image/webp"> 692 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-101-1120w.jpg" type="image/jpeg"> 693 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-101-1120w.jpg" src="jpg/slide-101-1120w.jpg" class="step-0" width="530" height="330" alt="Slides 7 new slide" /> 694</picture> 695 696<picture> 697 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-102-1120w.webp" type="image/webp"> 698 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-102-1120w.jpg" type="image/jpeg"> 699 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-102-1120w.jpg" src="jpg/slide-102-1120w.jpg" class="step-0 step-1" width="530" height="330" alt="Slides 7 new slide" /> 700</picture> 701 702<picture> 703 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-103-1120w.webp" type="image/webp"> 704 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-103-1120w.jpg" type="image/jpeg"> 705 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/slides/slide-103-1120w.jpg" src="jpg/slide-103-1120w.jpg" class="step-0 step-1 step-2" width="530" height="330" alt="Slides 7 new slide" /> 706</picture> 707 </div> 708 </div> 709 </div> 710 </div> 711 </li> 712 <!-- Static.app --> 713 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="static"> 714 <div class="feature-block with-border"> 715 <div class="padding-3 padding-phone-2"> 716 <div class="margin-bottom-2 badge ae-1">Custom Domain Name</div> 717 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Your website, your domain</h2> 718 <p class="crop font-size-20 font-size-phone-16 ae-3">Host your website with our free subdomain or connect your own custom domain in just a few clicks. An SSL certificate will be automatically applied to your domain within seconds.</p> 719 </div> 720 <div class="bg"> 721 <div class="circle"></div> 722 <div class="overflow-hidden"> 723 <img src="svg/static-bg.svg" class="absolute ae-4 disable-pointer-events" width="580" height="502" alt="Host your website in one click with free domain included" /> 724 </div> 725 <div class="margin-top-7 fix-5-12 align-center js-built-in-domain ae-5"> 726 <div class="relative align-left margin-auto holder"> 727 <input type="text" name="slug" value="hello-there" autocomplete="off" class="wide js-built-in-domain-input"> 728 <div class="wide js-built-in-domain-text" data-extension="slides.website"> 729 <span>hello-there</span>.slides.website 730 </div> 731 <div class="text-green js-built-in-domain-status"></div> 732 </div> 733 <a href="index-4.html" class="margin-top-1 crop button green rounded flat inlineFlex verticalCenter hide"><span>Claim This Domain</span><img src="svg/arrow-right-up.svg" width="24" height="24" class="margin-left-1 icon-24" /></a> 734 </div> 735 </div> 736 </div> 737 </li> 738 739 </ul> 740 </div> 741 </div> 742 </div> 743 </div> 744 </section> 745 <section class="slide autoHeight transparent"> 746 <div class="content"> 747 <div class="container"> 748 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 749 <div class="fix-12-12"> 750 <ul class="flex fixedSpaces verticalStretch"> <!-- Components --> 751 <li class="margin-bottom-2 col-12-12 col-phablet-1-1 relative" id="components"> 752 <div class="components-circle"></div> 753 <div class="feature-block with-border bg-transparent-white-or-dark"> 754 <ul class="flex fixedSpaces verticalCenter"> 755 <li class="col-6-12"> 756 <div class="padding-3 padding-phone-2"> 757 <div class="margin-bottom-2 badge ae-1">Native components</div> 758 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">No third-party code, no risk to your website</h2> 759 <p class="margin-bottom-3 crop font-size-20 font-size-phone-16 ae-3">All UI elements are native to Slides, so you donât need to worry about any performance, accessibility or consistency issues with third-party code.</p> 760 <div class="flex tags ae-4"> 761 <a class="button small lightGray flat noShadow" data-id="js-svg-slider">Slider</a> 762 <a class="button small lightGray flat noShadow" data-id="js-svg-sidebar">Sidebar</a> 763 <a class="button small lightGray flat noShadow" data-id="js-svg-dialog">Dialog</a> 764 <a class="button small lightGray flat noShadow" data-id="js-svg-popup-components">Popup</a> 765 <a class="button small lightGray flat noShadow" data-id="js-svg-dropdown">Dropdown</a> 766 <a class="button small lightGray flat noShadow" data-id="js-svg-panel">Panels</a> 767 <a class="button small lightGray flat noShadow" data-id="js-svg-form">Contact Form</a> 768 <a class="button small lightGray flat noShadow" data-id="js-svg-navigation">Side Navigation</a> 769 <a class="button small lightGray flat noShadow" data-id="js-svg-button">Buttons</a> 770 </div> 771 </div> 772 </li> 773 <li class="col-6-12 margin-top-tablet-4 margin-top-phablet-0 ae-5"> 774 <div class="fix-5-12 padding-2 relative svg-components-container"> 775 <svg class="svg-components" viewBox="0 0 506 409" fill="none" xmlns="http://www.w3.org/2000/svg"> 776 <g class="js-svg js-svg-panel"> 777 <rect y="0.855225" width="506" height="41.0034" rx="7" fill="#EFF1F3"/> 778 <rect x="301" y="19" width="25" height="6" rx="3" fill="#CBDAE7"/> 779 <rect x="206" y="19" width="36" height="6" rx="3" fill="#2196F3"/> 780 <rect x="251" y="19" width="40" height="6" rx="3" fill="#CBDAE7"/> 781 <rect x="17" y="14" width="51" height="16" rx="3" fill="#CBDAE7"/> 782 <rect x="448.528" y="14" width="15.7" height="15.7" rx="2" fill="#CBDAE7"/> 783 <rect x="424.1" y="14" width="15.7" height="15.7" rx="2" fill="#CBDAE7"/> 784 <rect x="472.955" y="14" width="15.7" height="15.7" rx="2" fill="#CBDAE7"/> 785 </g> 786 <g class="js-svg js-svg-form"> 787 <rect x="6.10352e-05" y="64" width="166" height="167" rx="7" fill="#EFF1F3"/> 788 <rect x="17.0001" y="84" width="132" height="25" rx="4" fill="#CBDAE7"/> 789 <rect x="17.0001" y="118" width="132" height="25" rx="4" fill="#CBDAE7"/> 790 <rect x="17.0001" y="152" width="132" height="25" rx="4" fill="#CBDAE7"/> 791 <rect x="17" y="186" width="132" height="25" rx="4" fill="#2196F3"/> 792 <path d="M85.6028 202.099C85.3309 202.371 84.8902 202.371 84.6177 202.1V202.1C84.3443 201.828 84.344 201.385 84.6171 201.112L86.7173 199.016H76.7202C76.3224 199.016 76 198.693 76 198.295V198.295C76 197.898 76.3224 197.575 76.7202 197.575H86.7173L84.6165 195.474C84.3438 195.202 84.3448 194.759 84.6186 194.488V194.488C84.8908 194.218 85.3299 194.219 85.6009 194.49L88.6991 197.588C89.0897 197.979 89.0897 198.612 88.6991 199.003L85.6028 202.099Z" fill="white"/> 793 </g> 794 <g class="js-svg js-svg-sidebar"> 795 <rect x="348.966" y="63.6689" width="109.924" height="208.507" rx="7" fill="#EFF1F3"/> 796 <rect x="380" y="246" width="12" height="12" rx="3" fill="#CBDAE7"/> 797 <rect x="361" y="246.003" width="12" height="12" rx="3" fill="#CBDAE7"/> 798 <rect x="399" y="246.003" width="12" height="12" rx="3" fill="#CBDAE7"/> 799 <rect x="361" y="77" width="40.131" height="13.9586" rx="4" fill="#2196F3"/> 800 <rect x="361" y="177.083" width="45.3655" height="5" rx="2.5" fill="#CBDAE7"/> 801 <rect x="361" y="187" width="35.769" height="5" rx="2.5" fill="#CBDAE7"/> 802 <rect x="361" y="197" width="40.131" height="5" rx="2.5" fill="#CBDAE7"/> 803 <rect x="361" y="207" width="26.1724" height="5" rx="2.5" fill="#CBDAE7"/> 804 <rect x="361" y="114" width="40" height="7" rx="3" fill="#CBDAE7"/> 805 <rect x="361" y="128" width="60" height="7" rx="3" fill="#CBDAE7"/> 806 <rect x="361" y="142" width="51" height="7" rx="3" fill="#CBDAE7"/> 807 <rect x="361" y="156" width="40" height="7" rx="3" fill="#CBDAE7"/> 808 </g> 809 <g class="js-svg js-svg-button"> 810 <rect x="333" y="294" width="173" height="52" rx="6" fill="#2196F3"/> 811 <path d="M426.88 328.223C426.268 328.834 425.277 328.835 424.664 328.225V328.225C424.049 327.612 424.048 326.616 424.662 326.003
811L429.388 321.285H406.62C405.725 321.285 405 320.56 405 319.665V319.665C405 318.77 405.725 318.044 406.62 318.044H429.388L424.661 313.317C424.048 312.704 424.05 311.709 424.666 311.098V311.098C425.278 310.491 426.266 310.493 426.876 311.103L434.377 318.604C434.963 319.19 434.963 320.14 434.377 320.725L426.88 328.223Z" fill="white"/> 812 </g> 813 <g class="js-svg js-svg-dialog"> 814 <path d="M0 260C0 256.134 3.13401 253 7 253H174C177.866 253 181 256.134 181 260V321H0V260Z" fill="#EFF1F3"/> 815 <rect x="54" y="268" width="101" height="7" rx="3" fill="#CBDAE7"/> 816 <rect x="54" y="281" width="110" height="7" rx="3" fill="#CBDAE7"/> 817 <rect x="55" y="295" width="53" height="7" rx="3" fill="#CBDAE7"/> 818 <path d="M0 322H90V345H7C3.13401 345 0 341.866 0 338V322Z" fill="#EFF1F3"/> 819 <path d="M91 322H181V338C181 341.866 177.866 345 174 345H91V322Z" fill="#2196F3"/> 820 <circle cx="28.5" cy="281.5" r="13.5" fill="#CBDAE7"/> 821 </g> 822 <g class="js-svg js-svg-slider"> 823 <rect x="188" y="64" width="138" height="83" rx="7" fill="#EFF1F3"/> 824 <circle cx="235.993" cy="159.976" r="3.5" fill="#CBDAE7"/> 825 <circle cx="245.993" cy="159.976" r="3.5" fill="#CBDAE7"/> 826 <circle cx="255.993" cy="159.976" r="3.5" fill="#2196F3"/> 827 <circle cx="265.993" cy="159.976" r="3.5" fill="#CBDAE7"/> 828 <circle cx="275.993" cy="159.976" r="3.5" fill="#CBDAE7"/> 829 </g> 830 <g class="js-svg js-svg-panel"> 831 <rect y="368" width="506" height="41" rx="7" fill="#EFF1F3"/> 832 <rect x="12" y="384" width="76" height="9" rx="3" fill="#CBDAE7"/> 833 <rect x="473" y="379" width="20" height="20" rx="10" fill="#CBDAE7"/> 834 <path fill-rule="evenodd" clip-rule="evenodd" d="M245.364 385.015C245.681 384.653 246.233 384.616 246.595 384.933L253 390.537L259.405 384.933C259.767 384.616 260.319 384.653 260.636 385.015C260.953 385.378 260.916 385.929 260.554 386.246L253.575 392.353C253.246 392.641 252.754 392.641 252.426 392.353L245.446 386.246C245.084 385.929 245.047 385.378 245.364 385.015Z" fill="#2196F3"/> 835 </g> 836 <g class="js-svg js-svg-navigation"> 837 <circle r="5.99997" transform="matrix(-1 0 0 1 491 193)" fill="#2196F3"/> 838 <circle r="5.99997" transform="matrix(-1 0 0 1 491 121)" fill="#CBDAE7"/> 839 <circle r="5.99997" transform="matrix(-1 0 0 1 491 145)" fill="#CBDAE7"/> 840 <circle r="5.99997" transform="matrix(-1 0 0 1 491 169)" fill="#CBDAE7"/> 841 <circle r="5.99997" transform="matrix(-1 0 0 1 491 217)" fill="#CBDAE7"/> 842 <circle r="5.99997" transform="matrix(-1 0 0 1 491 241)" fill="#CBDAE7"/> 843 <circle r="5.99997" transform="matrix(-1 0 0 1 491 265)" fill="#CBDAE7"/> 844 </g> 845 <g class="js-svg js-svg-dropdown"> 846 <circle cx="293" cy="335" r="13" fill="#EFF1F3"/> 847 <rect x="202" y="185" width="109" height="125" rx="7" fill="#EFF1F3"/> 848 <rect x="284.903" y="309.097" width="11.4508" height="11.4508" transform="rotate(-45 284.903 309.097)" fill="#EFF1F3"/> 849 <rect x="222" y="206" width="62.407" height="7" rx="3" fill="#CBDAE7"/> 850 <path d="M222 228C222 226.343 223.343 225 225 225H270.859C272.516 225 273.859 226.343 273.859 228V229C273.859 230.657 272.516 232 270.859 232H225C223.343 232 222 230.657 222 229V228Z" fill="#2196F3"/> 851 <rect x="222" y="244" width="58.8911" height="7" rx="3" fill="#CBDAE7"/> 852 <rect x="222" y="263" width="41.3116" height="7" rx="3" fill="#CBDAE7"/> 853 <rect x="222" y="282" width="41.3116" height="7" rx="3" fill="#CBDAE7"/> 854 <circle cx="287" cy="335" r="2" fill="#2196F3"/> 855 <circle cx="293" cy="335" r="2" fill="#2196F3"/> 856 <circle cx="299" cy="335" r="2" fill="#2196F3"/> 857 </g> 858 <g class="js-svg js-svg-popup-components js-svg-popup-btn"> 859 <path fill-rule="evenodd" clip-rule="evenodd" d="M491 94C499.284 94 506 87.2843 506 79C506 70.7157 499.284 64 491 64C482.716 64 476 70.7157 476 79C476 87.2843 482.716 94 491 94Z" fill="#EFF1F3"/> 860 <path fill-rule="evenodd" clip-rule="evenodd" d="M489.563 74.0659C488.9 73.6133 488 74.0887 488 74.8921V83.965C488 84.7684 488.9 85.2438 489.563 84.7912L496.217 80.2548C496.799 79.8578 496.799 78.9993 496.217 78.6023L489.563 74.0659Z" fill="#2196F3"/> 861 </g> 862 <g class="js-svg js-svg-popup-components js-svg-popup"> 863 <rect x="65" y="88" width="376" height="234" rx="6" fill="#eff1f3"/> 864 <path d="M273.819 202.865C275.079 203.647 275.079 205.481 273.819 206.263L244.932 224.2C243.599 225.027 241.877 224.069 241.877 222.501L241.877 186.627C241.877 185.059 243.599 184.101 244.932 184.928L273.819 202.865Z" fill="#2196F3"/> 865 </g> 866</svg> </div> 867 </li> 868 </ul> 869 </div> 870 </li> 871 872 </ul> 873 </div>
874 </div> 875 </div> 876 </div> 877 </section> 878 <section class="slide autoHeight transparent"> 879 <div class="content"> 880 <div class="container"> 881 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 882 <div class="fix-12-12"> 883 <ul class="flex fixedSpaces verticalStretch"> <!-- Responsive website --> 884 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="responsive"> 885 <div class="feature-block with-border bg-transparent-white-or-dark"> 886 <div class="padding-3 padding-phone-2"> 887 <div class="margin-bottom-2 badge ae-1">Responsive Design</div> 888 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Designs that look their best on every device</h2> 889 <p class="margin-bottom-2 font-size-20 font-size-phone-16 ae-3">Every Slides website is mobile responsive, tested to look <span class="nobr">pixel-perfect</span> on desktop, tablet and mobile.</p> 890 </div> 891 892 <div class="padding-left-3 padding-right-3 overflow-hidden border-gap"> 893 <div class="relative padding-right-desktop-5 padding-right-tablet-3 padding-right-phablet-3 ae-4"> 894 <div class="flex horizontalBetween font-size-10 browser"> 895 <div>Breakpoint - Desktop</div> 896 <div class="opacity-7">1440</div> 897 </div> 898 899<picture> 900 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-desktop.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 901 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-desktop.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 902 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-desktop.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/responsive-desktop.jpg" class="block img-desktop" width="469" height="486" alt="Create well-looking website on both desktop and mobile devices" /> 903</picture> 904 <div class="absolute ae-5"> 905 <div class="flex horizontalBetween font-size-10 browser"> 906 <div>Breakpoint - Mobile</div> 907 <div class="opacity-7">375</div> 908 </div> 909 910<picture> 911 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-mobile.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 912 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-mobile.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 913 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/responsive-mobile.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/responsive-mobile.jpg" class="block img-mobile" width="189" height="387" alt="Generate responsive website on both desktop and mobile devices" /> 914</picture> 915 </div> 916 </div> 917 </div> 918 </div> 919 </li> 920 <!-- Online editor --> 921 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="editor"> 922 <div class="feature-block with-border bg-transparent-white-or-dark js-cursor-area"> 923 <div class="padding-3 padding-phone-2"> 924 <div class="margin-bottom-2 badge ae-1">Drag and Drop Editor</div> 925 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Youâll be finished before you know it</h2> 926 <p class="margin-bottom-5 margin-bottom-tablet-2 font-size-20 font-size-phone-16 ae-3">Slides is <b class="text-white">really</b> quick to use. Drag-and-drop your building blocks into place like Lego, customize them <br class="hidden-tablet">
926in seconds and youâre ready to publish.</p> 927 </div> 928 929 <div class="overflow-hidden border-gap"> 930 <div class="relative holder ae-4" style="aspect-ratio:412/434;"> 931 <img src="svg/editor-img.svg" class="img-empty" /> 932 <div class="relative holder-bg disable-pointer-events"> 933 <div class="img"> 934 935<picture> 936 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/editor-img.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 937 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/editor-img.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 938 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/editor-img.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/editor-img.jpg" class="relative block rounded" width="463" height="342" alt="Create and edit website online without coding skills" /> 939</picture> 940 <div class="btn_holder"> 941 <a href="index-4.html" target="_blank" class="button stroke rounded crop flat font-size-20 weight-4">Choose image</a> 942 </div> 943 <div class="editor_btn_holder"> 944 <div class="rect"></div> 945 <div class="rect"></div> 946 <div class="rect"></div> 947 <div class="rect"></div> 948 <a href="index-4.html" target="_blank" class="button crop weight-5 editor-btn">Get started</a> 949 <img src="svg/editor-hand.svg" class="" /> 950 </div> 951 </div> 952 </div> 953 </div> 954 </div> 955 <div class="orange round disable-pointer-events js-cursor"> 956You <img src="svg/editor-cursor.svg" class="" /> 957 </div> 958 </div> 959 </li> 960 961 </ul> 962 </div> 963 </div> 964 </div> 965 </div> 966 </section> 967 <section class="slide autoHeight transparent"> 968 <div class="content"> 969 <div class="container"> 970 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 971 <div class="fix-12-12"> 972 <ul class="flex fixedSpaces verticalStretch"> <!-- Advanced features --> 973 <li class="margin-bottom-2 col-12-12 col-phablet-1-1 relative" id="advanced"> 974 <div class="feature-block with-border bg-transparent-white-or-dark"> 975 <ul class="flex fixedSpaces"> 976 <li class="col-6-12 col-tablet-3-5 col-phablet-1-1"> 977 <div class="padding-3 padding-phone-2"> 978 <div class="margin-bottom-2 badge ae-1">Advanced Customization</div> 979 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Build websites with a powerful framework at its core</h2> 980 <p class="crop font-size-20 font-size-phone-16 ae-3">Slides is a no-code website builder, so you donât need any technical knowledge - but if you want to, you can also use the HTML, CSS and JavaScript framework as the foundation for a custom website.</p> 981 </div> 982 </li> 983 <li class="col-6-12 col-tablet-2-5 col-phablet-1-1 margin-top-phablet-2"> 984 <div class="relative padding-top-13 padding-top-phone-8 border-gap overflow-hidden"> 985 986<picture> 987 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-bg.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 988 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-bg.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 989 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-bg.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/advanced-bg.jpg" class="absolute block bg ae-4" width="665" height="535" alt="" /> 990</picture> 991 992<picture> 993 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-img.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/webp"> 994 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-img.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" type="image/jpeg"> 995 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/advanced-img.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/[email protected] 2x" src="jpg/advanced-img.jpg" class="relative block rounded img ae-5" width="556" height="422" alt="Edit website code using built-in source code editor" /> 996</picture> 997 </div> 998 </li> 999 </ul> 1000 </div> 1001 </li> 1002 1003 </ul> 1004 </div>
1005 </div> 1006 </div> 1007 </div> 1008 </section> 1009 <section class="slide autoHeight transparent"> 1010 <div class="content"> 1011 <div class="container"> 1012 <div class="wrap padding-top-0 padding-bottom-0 align-left"> 1013 <div class="fix-12-12"> 1014 <ul class="flex fixedSpaces verticalStretch"> <!-- Integrations --> 1015 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="integrations"> 1016 <div class="feature-block with-border blue"> 1017 <div class="padding-3 padding-phone-2"> 1018 <div class="margin-bottom-2 badge ae-1">Integrations</div> 1019 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Connect your website to all your other apps</h2> 1020 <p class="margin-bottom-3 font-size-20 font-size-phone-16 ae-3">Integrations are built into our platform, allowing you to take full advantage of the no-code options we offer. Easily connect support chat, analytics, and data collection tools to your website with just a few clicks.</p> 1021 </div> 1022 1023 <div class="padding-3 padding-bottom-1 padding-phone-2 padding-bottom-phone-1"> 1024 <ul class="flex fixedSpaces later"> 1025 1026 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-4"> 1027 <div class="integration"> 1028 <div class="circle"> 1029 1030<picture> 1031 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-analytics.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1032 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-analytics.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1033 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-analytics.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-analytics.png" class="" width="48" height="48" alt="Integrate Analytics into the website in one click" /> 1034</picture> 1035 </div> 1036 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Analytics</p> 1037 </div> 1038 </li> 1039 1040 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-5"> 1041 <div class="integration"> 1042 <div class="circle"> 1043 1044<picture> 1045 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-intercom.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1046 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-intercom.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1047 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-intercom.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-intercom.png" class="" width="48" height="48" alt="Integrate Intercom into the website in one click" /> 1048</picture> 1049 </div> 1050 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Intercom</p> 1051 </div> 1052 </li> 1053 1054 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-6"> 1055 <div class="integration"> 1056 <div class="circle"> 1057 1058<picture> 1059 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-helpscout.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1060 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-helpscout.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1061 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-helpscout.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-helpscout.png" class="" width="48" height="48" alt="Integrate Helpscout into the website in one click" /> 1062</picture> 1063 </div> 1064 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Helpscout</p> 1065 </div> 1066 </li> 1067 1068 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-7"> 1069 <div class="integration"> 1070 <div class="circle"> 1071 1072<picture> 1073 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-zapier.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1074 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-zapier.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1075 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-zapier.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-zapier.png" class="" width="48" height="48" alt="Integrate Zapier into the website in one click" /> 1076</picture> 1077 </div> 1078 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Zapier</p> 1079 </div> 1080 </li> 1081 1082 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-8"> 1083 <div class="integration"> 1084 <div class="circle"> 1085 1086<picture> 1087 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-brevo.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1088 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-brevo.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1089 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-brevo.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-brevo.png" class="" width="48" height="48" alt="Integrate Brevo into the website in one click" /> 1090</picture> 1091 </div> 1092 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Brevo</p> 1093 </div> 1094 </li> 1095 1096 <li class="margin-bottom-2 col-4-12 col-tablet-1-2 ae-9"> 1097 <div class="integration"> 1098 <div class="circle"> 1099 1100<picture> 1101 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-make.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/webp"> 1102 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-make.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" type="image/png"> 1103 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/integration-make.png, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/integrations/[email protected] 2x" src="png/integration-make.png" class="" width="48" height="48" alt="Integrate Make into the website in one click" /> 1104</picture> 1105 </div> 1106 <p class="crop margin-top-2 font-size-16 weight-5 text-white">Make</p> 1107 </div> 1108 </li> 1109 </ul> 1110 </div> 1111 </div> 1112 </li> 1113 <!-- Page Speed --> 1114 <li class="margin-bottom-2 col-6-12 col-phablet-1-1 relative" id="pagespeed"> 1115 <div class="feature-block with-border bg-transparent-white-or-dark"> 1116 <div class="pagespeed-circle"></div> 1117 <div class="padding-3 padding-phone-2 relative"> 1118 <div class="margin-bottom-2 badge ae-1">Speed</div> 1119 <h2 class="margin-bottom-2 large text-gradient-2 ae-2">Lightning-fast loading speeds</h2> 1120 <p class="margin-bottom-3 font-size-20 font-size-phone-16 ae-3">A <span class="nobr">1-second</span> delay in your page loading speed can lose you 15% of your conversions. With Slides, that doesnât happen - because your website is built on native code, so it always loads quickly.</p> 1121 </div> 1122 <div class="padding-top-9 padding-bottom-6 relative border-gap overflow-hidden"> 1123 <div class="flex horizontalBetween holder"> 1124 <div class="circle blur ae-4" data-number="98"> 1125<svg viewBox="0 0 262 262" fill="none" xmlns="http://www.w3.org/2000/svg" class="to-98"> 1126 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#30B467" stroke-width="8.38889"/>
1127 <g filter="url(#filter0_f_213_732)"> 1128 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#1BF275" stroke-width="8.38889"/> 1129 </g> 1130 <defs> 1131 <filter id="filter0_f_213_732" x="0.166016" y="0.166672" width="261.666" height="261.667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 1132 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 1133 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 1134 <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_213_732"/> 1135 </filter> 1136 </defs> 1137</svg> 1138 <div class="relative"> 1139 <h2 class="crop larger weight-6 text-white">0</h2> 1140 <p class="crop font-size-18">Desktop</p> 1141 </div> 1142 </div> 1143 <div class="circle blur ae-4" data-number="95"> 1144<svg viewBox="0 0 262 262" fill="none" xmlns="http://www.w3.org/2000/svg" class="to-95"> 1145 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#30B467" stroke-width="8.38889"/> 1146 <g filter="url(#filter0_f_213_732)"> 1147 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#1BF275" stroke-width="8.38889"/> 1148 </g> 1149 <defs> 1150 <filter id="filter0_f_213_732" x="0.166016" y="0.166672" width="261.666" height="261.667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 1151 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 1152 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 1153 <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_213_732"/> 1154 </filter> 1155 </defs> 1156</svg> 1157 <div class="relative"> 1158 <h2 class="crop larger weight-6 text-white">0</h2> 1159 <p class="crop font-size-18">Mobile</p> 1160 </div> 1161 </div> 1162 </div> 1163 <div class="circle absolute ae-4" data-number="100"> 1164<svg viewBox="0 0 262 262" fill="none" xmlns="http://www.w3.org/2000/svg"> 1165 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#30B467" stroke-width="8.38889"/> 1166 <g filter="url(#filter0_f_213_732)"> 1167 <circle class="animated-circle" cx="130.999" cy="131" r="121.639" stroke="#1BF275" stroke-width="8.38889"/> 1168 </g> 1169 <defs> 1170 <filter id="filter0_f_213_732" x="0.166016" y="0.166672" width="261.666" height="261.667" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 1171 <feFlood flood-opacity="0" result="BackgroundImageFix"/> 1172 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> 1173 <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_213_732"/> 1174 </filter> 1175 </defs> 1176</svg> 1177 <div class="relative"> 1178 <h2 class="crop largest weight-6 text-white">0</h2> 1179 <p class="crop font-size-18">SEO</p> 1180 </div> 1181 </div> 1182 </div> 1183 </div> 1184 </li> 1185 1186 <!-- Extra padding in the bottom of this section --> 1187 <div class="padding-bottom-20"></div> 1188 1189 1190 </ul> 1191 </div> 1192 </div> 1193 </div> 1194 </div> 1195 </section></div> <!-- end of dots container --> 1196 1197<!-- Get even more. --> 1198<section class="slide autoHeight transparent"> 1199 <div class="content"> 1200 <div class="container"> 1201 <div class="wrap padding-top-0 padding-bottom-10 padding-bottom-tablet-6"> 1202 <div class="fix-12-12 relative"> 1203 <div class="more-circle"></div> 1204 </div> 1205 <div class="fix-12-12 padding-top-10 relative" id="more"> 1206 <h2 class="margin-bottom-2 large text-gradient-2 ae-1">Even more reasons to love building with Slides</h2> 1207 <p class="margin-bottom-5 font-size-20 font-size-phone-16 ae-2">Weâre always working hard on new features to make Slides the fastest, most intuitive <span class="nobr">no-code</span> website builder.</p> 1208 <ul class="flex fixedSpaces equal align-left" data-equal-collapse-width="767"> 1209 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-3"> 1210 <div class="padding-3 padding-phone-2 equalElement"> 1211 <img src="svg/more-projects.svg" width="68" height="68" alt="SSL Certificates Included"/> 1212 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">SSL Certificates Included</h4> 1213 <p class="crop font-size-20 font-size-phone-16">SSL certificates are included in all plans for all websites.</p> 1214 </div> 1215 </li> 1216 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-4"> 1217 <div class="padding-3 padding-phone-2 equalElement"> 1218 <img src="svg/more-online.svg" width="68" height="68" alt="Guaranteed Uptime"/> 1219 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">Guaranteed Uptime</h4> 1220 <p class="crop font-size-20 font-size-phone-16">
1220We use advanced infrastructure - built and managed <span class="nobr">in-house</span> - to keep your website online at all times.</p> 1221 </div> 1222 </li> 1223 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-5"> 1224 <div class="padding-3 padding-phone-2 equalElement"> 1225 <img src="svg/more-seo.svg" width="68" height="68" alt="Powerful SEO Tools"/> 1226 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">Powerful SEO Tools</h4> 1227 <p class="crop font-size-20 font-size-phone-16">Inside your account, youâll find all the tools you need to rank higher in search results.</p> 1228 </div> 1229 </li> 1230 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-6"> 1231 <div class="padding-3 padding-phone-2 equalElement"> 1232 <img src="svg/more-widgets.svg" width="68" height="68" alt="Reusable Designs"/> 1233 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">Reusable Designs</h4> 1234 <p class="crop font-size-20 font-size-phone-16">Creating more than one website? Reuse your existing modules <br class="hidden-tablet">and save hours on design.</p> 1235 </div> 1236 </li> 1237 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-7"> 1238 <div class="padding-3 padding-phone-2 equalElement"> 1239 <img src="svg/more-download.svg" width="68" height="68" alt="HTML Exports"/> 1240 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">HTML Exports</h4> 1241 <p class="crop font-size-20 font-size-phone-16">Want to host your website on your own server? You can download it as HTML.</p> 1242 </div> 1243 </li> 1244 <li class="col-4-12 col-tablet-1-2 col-phablet-1-1 margin-bottom-2 ae-8"> 1245 <div class="padding-3 padding-phone-2 equalElement"> 1246 <img src="svg/more-support.svg" width="68" height="68" alt="Customer Support"/> 1247 <h4 class="margin-top-3 margin-top-phone-1 margin-bottom-1 small text-gradient-1">Customer Support</h4> 1248 <p class="crop font-size-20 font-size-phone-16">Have technical issues or questions? Contact us via <a class="custom-underline" onclick="Beacon('open')">chat</a>, available 24/7.</p> 1249 </div> 1250 </li> 1251 </ul> 1252 </div> 1253 </div> 1254 </div> 1255 </div> 1256</section> 1257 1258<!-- Last Call to Action --> 1259<section class="slide autoHeight transparent"> 1260 <div class="content"> 1261 <div class="container"> 1262 <div class="wrap padding-top-10 padding-bottom-10 paddint-top-tablet-6 padding-bottom-tablet-6 padding-top-phablet-4 padding-bottom-phablet-4 align-left align-center-phone"> 1263 <div class="fix-12-12"> 1264 <div class="padding-desktop-8 padding-6 padding-tablet-4 padding-phone-3" id="call-to-action"> 1265 <ul class="flex fixedSpaces verticalCenter horizontalBetween horizontalCenter-phablet"> 1266 <li class="col-7-12 noText"> 1267 <h2 class="crop text-white ae-1">Letâs create a website...</h2> 1268 <p class="crop margin-top-tablet-1 font-size-20 font-size-phone-16 text-white ae-2">Start for free, build your website easily, and publish it whenever youâre ready to go!</p> 1269 </li> 1270 <li class="col-5-12 flex horizontalEnd align-left-tablet"> 1271 <a href="index-4.html" class="margin-right-2 margin-right-phone-0 margin-bottom-phone-1 button white rounded crop flat ae-3">Open Editor</a> 1272 </li> 1273 </ul> 1274 </div> 1275 </div> 1276 </div> 1277 </div> 1278 </div> 1279</section> 1280<!-- Reviews --> 1281<section class="slide autoHeight transparent" id="reviews"> 1282 <div class="content"> 1283 <div class="container"> 1284 <div class="wrap padding-top-tablet-6 padding-bottom-tablet-6 padding-bottom-phablet-2 padding-top-17 padding-bottom-17 align-left"> 1285 <div class="fix-12-12 relative"> 1286 <div class="reviews-circle"></div> 1287 <div class="swiper relative"> 1288 <div class="swiper-wrapper cursorGrab"> 1289 <div class="swiper-slide"> 1290 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1291 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1292 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1293 <p class="margin-bottom-4 font-size-24 font-size-phone-20"><span class="hghlght">Worth every penny</span>, if you have basic HTML knowledge. It helped us get an exceptional landing page up and running in no time.</p> 1294 <div class="inlineFlex verticalCenter"> 1295 1296<picture> 1297 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/darren-j-smith.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1298 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/darren-j-smith.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1299 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/darren-j-smith.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/darren-j-smith.jpg" class="margin-right-2 roun
1299d " width="64" height="64" alt="Darren J Smith review on Slides 7" /> 1300</picture> 1301 <p class="crop font-size-20 font-size-phone-16 weight-6">Darren J Smith</p> 1302 </div> 1303 </div> 1304 </div> 1305 <div class="swiper-slide"> 1306 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1307 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1308 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1309 <p class="margin-bottom-4 font-size-24 font-size-phone-20">An extremely fast and flexible solution for realizing any creative idea, but whatâs most impressive is <span class="hghlght">the level of support â truly unprecedented!</p> 1310 <div class="inlineFlex verticalCenter"> 1311 1312<picture> 1313 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/bogusz-szurkowski.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1314 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/bogusz-szurkowski.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1315 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/bogusz-szurkowski.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/bogusz-szurkowski.jpg" class="margin-right-2 round " width="64" height="64" alt="Bogusz Szurkowski review on Slides 7" /> 1316</picture> 1317 <p class="crop font-size-20 font-size-phone-16 weight-6">Bogusz Szurkowski</p> 1318 </div> 1319 </div> 1320 </div> 1321 <div class="swiper-slide"> 1322 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1323 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1324 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1325 <p class="margin-bottom-4 font-size-24 font-size-phone-20">Slides Framework is intuitive, <span class="hghlght">easy to work with and very neatly coded</span>. It was no brainer to work with by all of our staff members with no learning curve.</p> 1326 <div class="inlineFlex verticalCenter"> 1327 <img width="64" height="64" class="margin-right-2 round js-night-mode-img" src="svg/night-mode-designmodo.svg" alt="Dmitri Rassadkine review on Slides 7"/> 1328 <p class="crop font-size-20 font-size-phone-16 weight-6">Dmitri Rassadkine</p> 1329 </div> 1330 </div> 1331 </div> 1332 <div class="swiper-slide"> 1333 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1334 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1335 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1336 <p class="margin-bottom-4 font-size-24 font-size-phone-20">The masters at Designmodo have made a beautiful <span class="hghlght">website builder that just plain kicks butt</span>. What are you waiting for? Make your life easy and buy it.</p> 1337 <div class="inlineFlex verticalCenter"> 1338 1339<picture> 1340 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jeremy-boom.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1341 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jeremy-boom.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1342 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jeremy-boom.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/jeremy-boom.jpg" class="margin-right-2 roun
1342d " width="64" height="64" alt="Jeremy Boom review on Slides 7" /> 1343</picture> 1344 <p class="crop font-size-20 font-size-phone-16 weight-6">Jeremy Boom</p> 1345 </div> 1346 </div> 1347 </div> 1348 <div class="swiper-slide"> 1349 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1350 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1351 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1352 <p class="margin-bottom-4 font-size-24 font-size-phone-20">Slides is a dead-simple yet <span class="hghlght">infinitely customisable</span> way to quickly create breath-taking websites and presentations â it allowed me to <span class="hghlght">focus on content and design</span>, not worry about programming!</p> 1353 <div class="inlineFlex verticalCenter"> 1354 1355<picture> 1356 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/nikola-vukovic.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1357 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/nikola-vukovic.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1358 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/nikola-vukovic.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/nikola-vukovic.jpg" class="margin-right-2 round " width="64" height="64" alt="Nikola Vukovic review on Slides 7" /> 1359</picture> 1360 <p class="crop font-size-20 font-size-phone-16 weight-6">Nikola Vukovic</p> 1361 </div> 1362 </div> 1363 </div> 1364 <div class="swiper-slide"> 1365 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1366 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1367 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1368 <p class="margin-bottom-4 font-size-24 font-size-phone-20">I've built websites for more than 20 years. By using a <span class="hghlght">beautiful and well coded framework</span> like Slides I can now offer an affordable solution that my clients fall in love with, which I don't have to spend weeks building.</p> 1369 <div class="inlineFlex verticalCenter"> 1370 1371<picture> 1372 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/david-couillard.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1373 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/david-couillard.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1374 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/david-couillard.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/david-couillard.jpg" class="margin-right-2 round " width="64" height="64" alt="David Couillard review on Slides 7" /> 1375</picture> 1376 <p class="crop font-size-20 font-size-phone-16 weight-6">David Couillard</p> 1377 </div> 1378 </div> 1379 </div> 1380 <div class="swiper-slide"> 1381 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1382 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1383 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1384 <p class="margin-bottom-4 font-size-24 font-size-phone-20">Slides gave us all the tools need to <span class="hghlght">quickly create a marketing website</span>, without the hassle and overhead of a full blown CMS. Fast, secure, and easy to tailer to our needs.</p> 1385 <div class="inlineFlex verticalCenter"> 1386 <img width="64" height="64" class="margin-right-2 roun
1386d js-night-mode-img" src="svg/night-mode-designmodo.svg" alt="JP Holecka review on Slides 7"/> 1387 <p class="crop font-size-20 font-size-phone-16 weight-6">JP Holecka</p> 1388 </div> 1389 </div> 1390 </div> 1391 <div class="swiper-slide"> 1392 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1393 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1394 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1395 <p class="margin-bottom-4 font-size-24 font-size-phone-20">Your service is awesome!</span> I'm a designer by trade with some coding knowledge but this is great even for me.</p> 1396 <div class="inlineFlex verticalCenter"> 1397 1398<picture> 1399 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/michael-kirlew.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1400 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/michael-kirlew.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1401 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/michael-kirlew.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/michael-kirlew.jpg" class="margin-right-2 round " width="64" height="64" alt="Michael Kirlew review on Slides 7" /> 1402</picture> 1403 <p class="crop font-size-20 font-size-phone-16 weight-6">Michael Kirlew</p> 1404 </div> 1405 </div> 1406 </div> 1407 <div class="swiper-slide"> 1408 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1409 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1410 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1411 <p class="margin-bottom-4 font-size-24 font-size-phone-20">This is easily one of the <span class="hghlght">most exhaustive frameworks</span> for constructing a landing page with style. The code is exquisite, customization is fantastic, and the Slides code generator <span class="hghlght">can save hours</span> of toil.</p> 1412 <div class="inlineFlex verticalCenter"> 1413 1414<picture> 1415 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jake-rocheleau.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1416 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jake-rocheleau.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1417 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/jake-rocheleau.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/jake-rocheleau.jpg" class="margin-right-2 round " width="64" height="64" alt="Jake Rocheleau review on Slides 7" /> 1418</picture> 1419 <p class="crop font-size-20 font-size-phone-16 weight-6">Jake Rocheleau</p> 1420 </div> 1421 </div> 1422 </div> 1423 <div class="swiper-slide"> 1424 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1425 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1426 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1427 <p class="margin-bottom-4 font-size-24 font-size-phone-20">The Slides is an inctext-orange pible <span class="hghlght">tool that did not limit my creativity</span> to the development of my website, really helped me to promote my business and presents it in a surprising way.</p> 1428 <div class="inlineFlex verticalCenter"> 1429 1430<picture> 1431 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/leandro-rocinny.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1432 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/leandro-rocinny.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1433 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/leandro-rocinny.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/leandro-rocinny.jpg" class="margin-right-2 roun
1433d " width="64" height="64" alt="Leandro Rocinny review on Slides 7" /> 1434</picture> 1435 <p class="crop font-size-20 font-size-phone-16 weight-6">Leandro Rocinny</p> 1436 </div> 1437 </div> 1438 </div> 1439 <div class="swiper-slide"> 1440 <div class="padding-4 bg-transparent-white-or-dark review ae-1"> 1441 <img src="svg/quotes.svg" width="52" height="52" alt=""/> 1442 <div class="margin-top-1 margin-bottom-1 font-size-24 text-yellow">â â â â â </div> 1443 <p class="margin-bottom-4 font-size-24 font-size-phone-20">Slides is an awesome solution for web presentations which are <span class="hghlght">necessary for startups</span> at any stage.</p> 1444 <div class="inlineFlex verticalCenter"> 1445 1446<picture> 1447 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/boris-goncharov.webp, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/webp"> 1448 <source srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/boris-goncharov.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" type="image/jpeg"> 1449 <img srcset="https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/boris-goncharov.jpg, https://designmodo.com/wp-content/themes/designmodo/custom-pages/slides/presentation/img/clients/[email protected] 2x" src="jpg/boris-goncharov.jpg" class="margin-right-2 round " width="64" height="64" alt="Boris Goncharov review on Slides 7" /> 1450</picture> 1451 <p class="crop font-size-20 font-size-phone-16 weight-6">Boris Goncharov</p> 1452 </div> 1453 </div> 1454 </div> 1455 </div> 1456 </div> 1457 </div> 1458 </div> 1459 </div> 1460 </div> 1461</section> 1462<footer class="slide autoHeight transparent"> 1463 <div class="content relative"> 1464 <div class="container"> 1465 <div class="wrap padding-top-2 padding-bottom-5"> 1466 <div class="flex reverse fix-12-12 verticalCenter horizontalBetween holder"> 1467 <div class="inlineFlex verticalCenter weight-5 text-white footer-logo"> 1468 Made with Slides by <img width="23" height="23" src="svg/night-mode-designmodo.svg" alt="" class="dm_logo js-night-mode-img" /> <a href="index.html" class="crop">Designmodo</a> 1469 </div> 1470 <div class="weight-5"> <a href="index-111.html">Login</a> 1471 <a href="index-9.html">Pricing</a> 1472 <a href="index-112.html">FAQ</a> 1473 <a onclick="Beacon('open')">Contact</a> 1474 </div> 1475 </div> 1476 </div> 1477 </div> 1478 </div> 1479</footer> 1480</div> <!-- End of overflow-hidden wrapper --> 1481 1482 </main> 1483 1484 1485<!-- START: Designmodo Short Menu --> 1486<div class="dm-short-menu "> 1487 <svg class="dm-short-menu-logo" width="60" height="60" viewB
1487ox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="28" fill="white"/><path d="M20 32.24C22.8498 32.24 25.16 29.9298 25.16 27.08C25.16 24.2302 22.8498 21.92 20 21.92C17.1502 21.92 14.84 24.2302 14.84 27.08C14.84 29.9298 17.1502 32.24 20 32.24Z" fill="#219653"/><path d="M30 0C13.44 0 0 13.44 0 30C0 46.56 13.44 60 30 60C46.56 60 60 46.56 60 30C60 13.44 46.56 0 30 0ZM9.4 27.12C9.4 21.28 14.16 16.52 20 16.52C25.84 16.52 30.6 21.28 30.6 27.12C30.6 32.96 25.84 37.72 20 37.72C14.16 37.72 9.4 32.96 9.4 27.12ZM31.36 48.52C28.04 48.52 24.84 47.6 22.04 45.84L24.8 41.4C26.76 42.64 29.04 43.28 31.36 43.28C33.68 43.28 35.96 42.64 37.88 41.4L40.64 45.84C37.88 47.6 34.64 48.52 31.36 48.52ZM35.72 29.72V24.48H51.8V29.72H35.72Z" fill="#219653"/></svg> 1488 <div class="dm-short-menu-window"> 1489 <span class="nobr">Hey there <span class="emoji" style="padding-right: 3px">ð</span> Friends</span> from <a href="index.html" class="link-hover">designmodo</a> are here to help! 1490 <div class="link-box"> 1491 <a href="index-24.html" class="dm-short-menu-link">More Products</a> 1492 <a onclick="Beacon('open')" class="dm-short-menu-link">Start a Chat...</a> 1493 <a href="index-60.html" class="dm-short-menu-link">My Account</a> 1494 <a href="#" class="dm-short-menu-link" data-dm-cookie-consent-open>Cookie settings</a> 1495 </div> 1496 </div> 1497 <span class="dm-short-menu-badge"></span> 1498</div> 1499<!-- END: Designmodo Short Menu-->
1500<script async src="js/rum.js" data-pulsetic-rum="2f31d409-1f93-48e5-8719-686efb612ca3"></script>
1500<div class="dm-cookie-consent" data-dm-cookie-consent hidden role="region" aria-labelledby="dm-cookie-consent-title"> 1501 <div class="dm-cookie-consent__backdrop" data-dm-cookie-consent-backdrop data-dm-cookie-consent-close hidden></div> 1502 1503 <div class="dm-cookie-consent__panel" data-dm-cookie-consent-banner tabindex="-1" aria-labelledby="dm-cookie-consent-title"> 1504 <div class="dm-cookie-consent__content"> 1505 <span class="dm-cookie-consent__eyebrow" id="dm-cookie-consent-title">Privacy preferences</span> 1506 <p class="dm-cookie-consent__text">Essential cookies keep Designmodo working. Optional cookies help us understand usage and improve your experience. You can choose what to allow.</p> 1507 </div> 1508 <div class="dm-cookie-consent__actions" aria-label="Cookie choices"> 1509 <button class="dm-cookie-consent__button dm-cookie-consent__button--secondary" type="button" data-dm-cookie-consent-customize>Customize</button> 1510 <button class="dm-cookie-consent__button dm-cookie-consent__button--secondary" type="button" data-dm-cookie-consent-reject>Only necessary</button> 1511 <button class="dm-cookie-consent__button dm-cookie-consent__button--primary" type="button" data-dm-cookie-consent-accept>Accept all</button> 1512 </div> 1513 </div> 1514 1515 <div class="dm-cookie-consent__settings" data-dm-cookie-consent-settings hidden role="dialog" aria-modal="true" aria-labelledby="dm-cookie-settings-title" aria-describedby="dm-cookie-settings-intro" tabindex="-1"> 1516 <div class="dm-cookie-consent__settings-header"> 1517 <div> 1518 <span class="dm-cookie-consent__eyebrow">Cookie settings</span> 1519 <p class="dm-cookie-consent__settings-title" id="dm-cookie-settings-title">Choose what Designmodo can use</p> 1520 </div> 1521 <button class="dm-cookie-consent__close" type="button" data-dm-cookie-consent-close aria-label="Close cookie settings"></button> 1522 </div> 1523 1524 <p class="dm-cookie-consent__settings-intro" id="dm-cookie-settings-intro">We keep essential cookies on for security, your account, your cart and remembering this choice. Optional categories stay off unless you enable them.</p> 1525 1526 <div class="dm-cookie-consent__preference dm-cookie-consent__preference--locked"> 1527 <div class="dm-cookie-consent__preference-copy"> 1528 <p class="dm-cookie-consent__preference-title">Essential and security</p> 1529 <p class="dm-cookie-consent__preference-text">Your login session and account, your shopping cart and checkout, payment and fraud prevention through Stripe, anti-abuse checks through Cloudflare Turnstile, our HelpScout support chat, and remembering this cookie choice and announcements you close. It also covers Metorik, our store reporting, which records how you reached the site so orders can be attributed, and Sentry, which reports errors so we can keep the apps working. Plausible analytics and Pulsetic uptime and performance monitoring are included too; both are cookieless and store no personal identifiers.</p> 1530 </div> 1531 <span class="dm-cookie-consent__locked">Always on</span> 1532 </div> 1533 1534 <div class="dm-cookie-consent__preference"> 1535 <div class="dm-cookie-consent__preference-copy"> 1536 <p class="dm-cookie-consent__preference-title">Analytics and performance</p> 1537 <p class="dm-cookie-consent__preference-text">Cookie-based measurement through Google Analytics and Google Tag Manager: page views, referring pages, browser and device details, approximate region from your IP, and product events. Inside our apps it also covers PostHog and Amplitude, which help us understand how features are used; session recording is off. Leave this off and measurement stays cookieless and non-identifying.</p> 1538 </div> 1539 <label class="dm-cookie-consent__switch"> 1540 <input type="checkbox" data-dm-cookie-consent-toggle="analytics" /> 1541 <span class="dm-cookie-consent__switch-track" aria-hidden="true"></span>
1542 <span class="dm-cookie-consent__switch-label">Analytics and performance</span> 1543 </label> 1544 </div> 1545 1546 <div class="dm-cookie-consent__preference"> 1547 <div class="dm-cookie-consent__preference-copy"> 1548 <p class="dm-cookie-consent__preference-title">Marketing and attribution</p> 1549 <p class="dm-cookie-consent__preference-text">Google Ads conversion tracking and remarketing: advertising identifiers and landing page attribution, so we can measure which campaigns lead to signups and purchases.</p> 1550 </div> 1551 <label class="dm-cookie-consent__switch"> 1552 <input type="checkbox" data-dm-cookie-consent-toggle="marketing" /> 1553 <span class="dm-cookie-consent__switch-track" aria-hidden="true"></span> 1554 <span class="dm-cookie-consent__switch-label">Marketing and attribution</span> 1555 </label> 1556 </div> 1557 1558 <p class="dm-cookie-consent__notice"><strong>What is not optional:</strong> account sessions, cart and checkout, payment and security workflows, and abuse prevention. These are needed to provide the service safely.</p> 1559 1560 <div class="dm-cookie-consent__settings-actions"> 1561 <a class="dm-cookie-consent__privacy-link" href="index-31.html" target="_blank" rel="noopener" aria-label="Cookies policy (opens in a new tab)">Cookies policy</a> 1562 <div class="dm-cookie-consent__settings-buttons"> 1563 <button class="dm-cookie-consent__button dm-cookie-consent__button--secondary" type="button" data-dm-cookie-consent-reject>Reject optional</button> 1564 <button class="dm-cookie-consent__button dm-cookie-consent__button--secondary" type="button" data-dm-cookie-consent-save>Save choices</button> 1565 <button class="dm-cookie-consent__button dm-cookie-consent__button--primary" type="button" data-dm-cookie-consent-accept>Accept all</button> 1566 </div> 1567 </div> 1568 </div> 1569</div> 1570
1570<script type='text/javascript'> 1571 (function () { 1572 var c = document.body.className; 1573 c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); 1574 document.body.className = c; 1575 })(); 1576 </script>
1576 1577 <!-- HelpScout Beacon --> 1578
1578<script type="text/javascript"> 1579 var __ObjectIsEmpty = function (obj) { 1580 for (var prop in obj) { 1581 if (obj.hasOwnProperty(prop)) { 1582 return false; 1583 } 1584 } 1585 1586 return true; 1587 }; 1588 var BeaconUserObject = []; 1589 var BeaconDefaultCustomFields = [{"id":34147,"value":176572}]; 1590 1591 var BeaconPrefill = function (formObject) { 1592 var formObject = formObject || {}; 1593 1594 if (!__ObjectIsEmpty(BeaconDefaultCustomFields)) { 1595 formObject.fields = BeaconDefaultCustomFields; 1596 } 1597 1598 window.Beacon('prefill', formObject); 1599 }; 1600 1601 var LoadBeaconScript = function () { 1602 if (typeof window.Beacon !== 'undefined') { 1603 return; 1604 } 1605 1606 var script = document.createElement('script'); 1607 script.id = 'beacon'; 1608 script.text = `!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net/",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});`; 1609 document.head.appendChild(script); 1610 1611 window.Beacon('init', "32eee36c-cc83-4dcb-a109-b310705807d5"); 1612 1613 if (!__ObjectIsEmpty(BeaconUserObject)) { 1614 window.Beacon('identify', BeaconUserObject); 1615 } 1616 1617 if (!__ObjectIsEmpty(BeaconDefaultCustomFields)) { 1618 BeaconPrefill(); 1619 } 1620 }; 1621 1622 document.addEventListener('DOMContentLoaded', function () { 1623 var BeaconTriggers = document.querySelectorAll('[onclick^="Beacon"]'); 1624 1625 for (var i = 0; i < BeaconTriggers.length; i++) { 1626 BeaconTriggers[i].addEventListener('mouseover', function () { 1627 LoadBeaconScript(); 1628 }); 1629 1630 BeaconTriggers[i].addEventListener('touchstart', function () { 1631 LoadBeaconScript(); 1632 }, {passive: true}); 1633 } 1634 1635 var BeaconLogoutTriggers = document.querySelectorAll('a[href*="/my-account/customer-logout/"]'); 1636 1637 for (var i = 0; i < BeaconLogoutTriggers.length; i++) { 1638 BeaconLogoutTriggers[i].addEventListener('click', function () { 1639 if (typeof window.Beacon === 'undefined') { 1640 return false; 1641 } 1642 1643 window.Beacon('logout'); 1644 }); 1645 } 1646 }); 1647 </script>
1647 1648 <!-- End HelpScout Beacon --> 1649
1649<script type="text/javascript" src="js/jquery.minaf6c.js?ver=3.6.0" id="jquery-js"></script>
vendor: 1 bytes, line 1649
1649
1650<script type="text/javascript" id="metorik-js-js-extra"> 1651/* <![CDATA[ */ 1652var metorik_params = {"source_tracking":{"enabled":true,"cookie_lifetime":6,"session_length":30,"sbjs_domain":false,"cookie_name":"mtk_src_trk"},"cart_tracking":{"enabled":true,"cart_items_count":0,"item_was_added_to_cart":false,"wc_ajax_capture_customer_data_url":"\/?wc-ajax=metorik_capture_customer_data","wc_ajax_email_opt_out_url":"\/?wc-ajax=metorik_email_opt_out","wc_ajax_email_opt_in_url":"\/?wc-ajax=metorik_email_opt_in","wc_ajax_seen_add_to_cart_form_url":"\/?wc-ajax=metorik_seen_add_to_cart_form","add_cart_popup_should_scroll_to":true,"add_cart_popup_placement":"bottom","add_to_cart_should_mark_as_seen":true,"add_to_cart_form_selectors":[".ajax_add_to_cart",".single_add_to_cart_button"]},"nonce":"572f6dbc7f"}; 1653/* ]]> */ 1654</script>
vendor: 1 bytes, line 1654
1654
1655<script type="text/javascript" src="js/metorik.min6471.js?ver=2.0.10" id="metorik-js-js"></script>
vendor: 1 bytes, line 1655
1655
1656<script type="text/javascript" src="js/cookie-consent97de.js?ver=1.0.5" id="dm-cookie-consent-js"></script>
vendor: 1 bytes, line 1656
1656
1657<script type="text/javascript" src="js/jquery.lazy.mina71a.js?ver=1.7.10" id="dm-landing-lazy-js"></script>
vendor: 1 bytes, line 1657
1657
1658<script type="text/javascript" src="js/swiper-bundle.min8717.js?ver=7.0" id="dm_shop_slides_swiper_js-js"></script>
vendor: 1 bytes, line 1658
1658
1659<script type="text/javascript" src="js/all.min8717.js?ver=7.0" id="dm_shop_slides_scripts-js"></script>
vendor: 1 bytes, line 1659
1659
1660<script type="text/javascript" src="js/animate-number.min8717.js?ver=7.0" id="dm_shop_slides_animate_number-js"></script>
1660 1661<!-- WooCommerce JavaScript -->
1662<script type="text/javascript"> 1663jQuery(function($) { 1664 ( function() { 1665 1666 function trackEvents() { 1667 1668 } 1669 1670 if ( 'undefined' !== typeof gtag ) { 1671 trackEvents(); 1672 } else { 1673 // avoid using jQuery in case it's not available when this script is loaded 1674 document.addEventListener( 'wc_google_analytics_pro_gtag_loaded', trackEvents ); 1675 } 1676 1677 1678 function trackUAEvents() { 1679 1680 ga( 'send', 'pageview' ); 1681 } 1682 1683 if ( 'undefined' !== typeof ga ) { 1684 trackUAEvents(); 1685 } else { 1686 // avoid using jQuery in case it's not available when this script is loaded 1687 document.addEventListener( 'wc_google_analytics_pro_loaded', trackUAEvents ); 1688 } 1689 1690 } ) (); 1691 1692 }); 1693</script>
1693 1694 1695 1696</body> 1697 1698<!-- Mirrored from designmodo.com/slides/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 07 Sep 2026 16:38:46 GMT --> 1699</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.