1<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --><!-- Last Published: Sun Jun 27 2021 17:15:29 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="range-slider-weblocks.webflow.io" data-wf-page="6092f9ec3e474c2732ce6590" data-wf-site="6092f9ec3e474c682dce658f"><head><meta charset="utf-8"/><title>Range Slider</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets.website-files.com/6092f9ec3e474c682dce658f/css/range-slider-weblocks.webflow.4ff1b52ad.css" rel="stylesheet" type="text/css"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["DM Sans:regular,500,700"] }});</script>
1<!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body><div class="w-embed"><style>html{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}</style></div><div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar w-nav"><div class="w-container"><div class="nav-container"><div class="logos-wrap"><a href="http://weblocks.com/" class="w-inline-block"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/60a547fad2de6215449a808e_weblocks-logo%20(2).svg" loading="lazy" alt="" class="image"/></a></div><nav role="navigation" class="nav-menu w-nav-menu"><a href="https://www.dropbox.com/s/rfedy1efef6md29/input_range.xml?dl=1" class="nav-link w-nav-link">Export Blocs</a><a href="https://www.youtube.com/watch?v=mVDtx7GeLNo" class="nav-link w-nav-link">Youtube Tutorial</a><a href="https://webflow.com/website/range-slider-weblocks" target="_blank" class="button nav-button w-button">Clone Project</a></nav></div></div></div><div class="section full-screen-section"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/6094120b70aad568df634a19_Vector%20(23).svg" loading="lazy" alt="" class="bubble"/><div class="container narrow-container w-container"><div class="align-center"><h1>How many <span class="orange-text">pages</span> your <span class="blue-text">project</span> will have</h1><div class="range-wrapper"><div class="range-box w-embed"><input type="range" value="1" class="slider" name="pages" min="1" max="20"/> 2 3<style> 4.slider { 5 -webkit-appearance: none; 6 width: 100%; 7 height: 8px; 8 border-radius: 10px; 9 background: #0082f3; 10 outline: none; 11 -webkit-transition: .2s; 12 transition: opacity .2s; 13 cursor: pointer; 14} 15 16.slider::-webkit-slider-thumb { 17 -webkit-appearance: none; 18 appearance: none; 19 width: 30px; 20 height: 30px; 21 border-radius: 50%; 22 background: #ff9900; 23 cursor: pointer; 24} 25 26.slider::-moz-range-thumb { 27 width: 30px; 28 height: 30px; 29 border-radius: 50%; 30 background: #ff9900; 31 cursor: pointer; 32} 33</style></div><div bloc="range_number_box" class="slider-number"><div bloc="pages_number" class="pages-number">12</div><div>pages</div></div></div><div class="w-layout-grid details-grid"><div class="icon-wrap"><div class="icon-box"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609412a8616d1f1de7475a29_Vector%20(5).svg" loading="lazy" alt="" class="icon-image"/></div><div>It will take <strong bloc="days" class="number-of-days">10</strong> days</div></div><div class="icon-wrap"><div class="icon-box"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609412a8616d1f1de7475a29_Vector%20(5).svg" loading="lazy" alt="" class="icon-image"/></div><div>You need <strong bloc="plan">Basic</strong> plan</div></div><div class="icon-wrap"><div class="icon-box"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609412a8616d1f1de7475a29_Vector%20(5).svg" loading="lazy" alt="" class="icon-image"/></div><div>Project will cost $ <strong bloc="budget">4420</strong> USD</div></div><div class="icon-wrap"><div class="icon-box"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609412a8616d1f1de7475a29_Vector%20(5).svg" loading="lazy" alt="" class="icon-image"/></div><div>We can start it in <strong bloc="start_in">2</strong> weeks</div></div></div><div class="button-wrapper"><a href="https://www.weblocks.com/" target="_blank" class="button orange-button w-button">Sign Up To WeBlocks</a></div></div><div class="decoration-element"><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609411869eaeba53e4b2f54d_Rectangle%2027.svg" loading="lazy" alt="" class="square-element"/><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609411869eaeba0414b2f54e_Group%2053.svg" loading="lazy" alt="" class="dots-element"/></div><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/609411de188d7800f8e9c8d9_Group%2055%20(1).svg" loading="lazy" alt="" class="dec-element element-intro"/></div><a href="https://webflow.com/templates/html/tuido-startup-website-template" target="_blank" class="made-with w-inline-block"><div class="text-block">Based on template</div><img src="https://assets.website-files.com/6092f9ec3e474c682dce658f/60940e47cb0ba54832b6aa89_Vector%20(4).svg" loading="lazy" alt="" class="image-2"/></a></div>
33<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6092f9ec3e474c682dce658f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
33<script src="https://assets.website-files.com/6092f9ec3e474c682dce658f/js/webflow.6181cd8a7.js" type="text/javascript"></script>
33<!--[if lte IE 9]>
33<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
33<![endif]--><!-- To see changes refresh without cache CMD+Shift+R or Ctrl+F5 --> 34<!-- or use Cache Killer Chrome Extension -->
35<script src="https://weblocks.io/library.js"></script>
vendor: 1 bytes, line 35
35
36<script src="https://weblocks.io/script-74-672.js"></script>
36</body></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.