Edit file File name : index.html Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Office365Backup</title> <link rel="icon" href="images/favicon.ico" type="image/x-icon"/> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Ubuntu:400,700" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container container-broader header"> <div class="logo-header"><a href="#"><img src="images/logo.svg" alt="Logo" width="120" class="img-fluid"></a></div> <a href="#" class="button-header header-320 open-sidebar">GET STARTED</a> </div> <div class="back-header-center"> <div class="container main-header-center"> <div class="left-panel"> <div class="tittle-header">Securely backup your Office 365 files</div> <div class="text-header">Protect your organization from ransomware attacks and tech outages by backing up your Emails, Calendar, SharePoint, Exchange and OneDrive with unlimited storage and hassle-free recovery. </div> <a href="#" class="button-header width-min open-sidebar">GET STARTED</a> <div class="encryption-block"> <div class="icon-encryption"><img src="images/Data%20Excryption.svg" alt="Icon" width="33"></div> <div class="text-encryption">Uses advanced data encryption technology</div> </div> </div> <div class="right-panel relative-one"> <img src="images/header-laptop.svg" alt="laptop" class="h-abs-ico"> </div> </div> </div> </header> <div class="content-blocks"> <div class="container"> <div class="row security-block-main"> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="tittle-first-security"> Reasons to backup your Office 365 data: </div> </div> </div> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="icon-security"><img src="images/Security.svg" alt="icon" width="43"></div> <div class="tittle-security">Security</div> <div class="text-security">Add an additional layer of security to your data to ensure that your company operates without any hiccups. </div> </div> </div> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="icon-security"><img src="images/Access.svg" alt="icon" width="43" height="43"></div> <div class="tittle-security">Access</div> <div class="text-security">Get access to your files as and when you need them without having to worry about them ever being delete. </div> </div> </div> </div><!--row--> <div class="row security-block-2"> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="icon-security"><img src="images/Convenient.svg" alt="icon" width="43" height="43"></div> <div class="tittle-security">Convenience</div> <div class="text-security">Save yourself the time-consuming process of contacing Microsoft Support when you lose your data. </div> </div> </div> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="icon-security"><img src="images/File%20Retention.svg" alt="icon" width="43" height="43"> </div> <div class="tittle-security">File Retention</div> <div class="text-security">With our one-click recovery, you can restore your files quickly, easily and without any complications. </div> </div> </div> <div class="col-lg-4 col-md-4"> <div class="security-block"> <div class="icon-security"><img src="images/Savings.svg" alt="icon" width="43" height="43"></div> <div class="tittle-security">Savings</div> <div class="text-security">Imagine how much it would cost you if your data is lost. Save money and time with our backup solutions. </div> </div> </div> </div><!--row--> </div> </div> <div class="content-recover"> <div class="container"> <div class="row display-recover"> <div class="col-lg-6 col-md-6"> <div class="image-recover"><img src="images/Illustration%201.svg" alt="image" width="516" class="img-fluid"></div> </div> <div class="col-lg-6 col-md-6"> <div class="main-recover"> <div class="tittle-recover">Recover your emails and valuable data in seconds</div> <div class="text-recover">Our user-friendly interface helps you recover your emails, SharePoint, Exchange and OneDrive files in seconds. Something that takes Office 365’s built-in backup tools forever to do. </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Easy and intuitive interface</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Lightning-quick recovery</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Unlimited storage capacity</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Hassle-free process</div> </div> </div> </div> </div><!--row--> <div class="row display-recover display-recover-2"> <div class="col-lg-6 col-md-6"> <div class="main-recover"> <div class="tittle-recover">Protect your sensitive files with advance data encryption</div> <div class="text-recover">Every file stored on our systems is secured using data encryption tools that go well and beyond industry standards. We take your data seriously and we work round the clock to ensure it is never compromised. </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Advance file encryption</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Data control and monitoring tools</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Automatic backups 3x a day</div> </div> <div class="ul-recover"> <div class="icon-ul"><img src="images/ok.png" alt="icon"></div> <div class="text-ul">Supports HIPAA compliance needs</div> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="image-recover"><img src="images/Illustration%202.svg" alt="image" width="516" class="img-fluid"></div> </div> </div><!--row--> </div> </div> <div class="simple-content"> <div class="tittle-simple">Simple, affordable pricing</div> <div class="text-simple">No complicated pricing tiers. Just one simple price for all features.</div> <div class="blue-back"> <div class="per-user"> <div class="month-text">per user / per month</div> <div class="price-text">$3.95</div> <div class="per-user-text">Secure backup for Office 365 Emails, One-Drive, Exchange and SharePoint data. </div> <a href="#" class="button-header open-sidebar">GET STARTED</a> </div> </div> <div class="container"> <div class="money-block"> <div class="icon-money"><img src="images/money.png" alt="icon"></div> <div class="text-money">Money back guaratee if you don’t get the results your looking for</div> </div> </div> </div> <div class="Frequently-back"> <div class="container"> <div class="tittle-Frequently">Frequently asked questions</div> <div class="dropdown"> <button class="btn btn-freq" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-drop">+</span><span class="text-drop">Frequently asked question 1</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <div class="text-menu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat m dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc. </div> </div> </div> <div class="dropdown"> <button class="btn btn-freq" type="button" id="dropdownMenuButton-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-drop">+</span><span class="text-drop">Frequently asked question 1</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-1"> <div class="text-menu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat m dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc. </div> </div> </div> <div class="dropdown"> <button class="btn btn-freq" type="button" id="dropdownMenuButton-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-drop">+</span><span class="text-drop">Frequently asked question 1</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-2"> <div class="text-menu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat m dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc. </div> </div> </div> <div class="dropdown"> <button class="btn btn-freq" type="button" id="dropdownMenuButton-3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-drop">+</span><span class="text-drop">Frequently asked question 1</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-3"> <div class="text-menu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat m dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc. </div> </div> </div> <div class="dropdown"> <button class="btn btn-freq" type="button" id="dropdownMenuButton-4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="icon-drop">+</span><span class="text-drop">Frequently asked question 1</span> </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-4"> <div class="text-menu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat m dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc. </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="content-footer"> <div class="tittle-footer"> <img src="images/logo-footer.svg" alt="logotype"> </div> <div class="soc-block"> <div class="social"><a href="https://twitter.com/office365backup"><img src="images/twitter.png" alt="Twitter"></a></div> <div class="social"><a href="https://www.facebook.com/O365Backup"><img src="images/facebook.png" alt="Facebook"></a></div> <div class="social"><a href="https://www.instagram.com/office365backup/"><img src="images/instagram.png" alt="Instagram"></a></div> <div class="social"><a href="#"><img src="images/LinkedIn.png" alt="LinkedIn"></a></div> </div> <div class="text-bot">©2019 - Office365Backup | All rights reserved</div> </div> </div> </footer> <!-- sidenav --> <div id="mySidenav" class="sidenav"> <div class="sidebar-head"> <img src="images/close.svg" alt="close"> <a href="#" class="button-header header-320 hide-sidebar">GET STARTED</a> </div> <div class="sidebar-body"> <h3>Get Started</h3> <p class="s-descr">Send us your details and our team will contact you within 24 hours.</p> <form class="form-wr"> <div class="input-wr"> <div class="ii-wr"></div> <p><span class="contact_name"> <input type="text" name="name" size="40" required placeholder="Full Name"> </span></p> </div> <div class="input-wr"> <div class="ii-wr"></div> <p><span class="contact_email"> <input type="email" name="email" size="40" required placeholder="Email Address"></span> </p> </div> <div class="wrap"> <div class="pull-tab-to-hide"></div> <div class="pull-tab"></div> <p><span class="contact_message"> <textarea name="message" cols="40" class="contact-txt-area" required placeholder="Message"></textarea> </span> </p> </div> <p> <input type="submit" value="SEND" class="send-btn contact"> </p> <div class="message-wr"></div> </form> </div> </div> <!-- sidenav --> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> <script src="js/main.js"></script> </body> </html>Save