agir

Untitled

Nov 27th, 2020
1,068
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <title>DS Charts</title>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  7. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  9. <style>
  10.     body,
  11.     h1,
  12.     h2,
  13.     h3,
  14.     h4,
  15.     h5,
  16.     h6 {
  17.         font-family: "Raleway", sans-serif
  18.     }
  19. </style>
  20.  
  21. <body class="w3-light-grey w3-content" style="max-width:1600px">
  22.  
  23.     <!-- Sidebar/menu -->
  24.     <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
  25.         <div class="w3-container">
  26.             <a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
  27.                 <i class="fa fa-remove"></i>
  28.             </a>
  29.             <img src="/wp-content/uploads/2018/07/ds-logo-ret2x.png" style="width:50%" ;><br><br>
  30.             <h4><b>Welcome!</b></h4>
  31.             <p>Choose a chart to view on the right.</p>
  32.             <p>You can filter them by topic.</p>
  33.         </div>
  34.  
  35.  
  36.     </nav>
  37.  
  38.     <!-- Overlay effect when opening sidebar on small screens -->
  39.     <div class="w3-overlay w3-hide-large w3-animate-opacity " onclick="w3_close() " style="cursor:pointer " title="close side menu " id="myOverlay "></div>
  40.  
  41.     <!-- !PAGE CONTENT! -->
  42.     <div class="w3-main " style="margin-left:300px ">
  43.  
  44.         <!-- Header -->
  45.         <header id="portfolio ">
  46.             <a href="# "><img src="/w3images/avatar_g2.jpg " style="width:65px; " class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity "></a>
  47.             <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey " onclick="w3_open() "><i class="fa fa-bars "></i></span>
  48.             <div class="w3-container ">
  49.                 <h1><b>DriveSavers Charts Comparing The Last 3 Years</b></h1>
  50.                 <div class="w3-section w3-bottombar w3-padding-16 ">
  51.                     <span class="w3-margin-right ">Filter:</span>
  52.                     <button class="w3-button w3-black ">ALL</button>
  53.                     <button class="w3-button w3-white "><i class="fa fa-money w3-margin-right "></i>Sales</button>
  54.                     <button class="w3-button w3-white w3-hide-small "><i class="fa fa-users w3-margin-right "></i>Reseller</button>
  55.                     <button class="w3-button w3-white w3-hide-small "><i class="fa fa-bullhorn w3-margin-right "></i>Marketing</button>
  56.                 </div>
  57.             </div>
  58.         </header>
  59.  
  60.         <!-- First Photo Grid-->
  61.         <div class="w3-row-padding ">
  62.             <div class="w3-third w3-container w3-margin-bottom ">
  63.                 <a href="https://drivesaversdatarecovery.com/charts/conversion-rate.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  64.                " alt="Sales" style="width:100% " class="w3-hover-opacity "></a>
  65.                 <div class="w3-container w3-white ">
  66.                     <p><b>Conversion Rate</b></p>
  67.                     <p>All Job received in the previous month divided by all the estimate records created in that same month.</div>
  68.             </div>
  69.             <div class="w3-third w3-container w3-margin-bottom ">
  70.                 <a href="https://drivesaversdatarecovery.com/charts/phone-calls.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  71.                " style="width:100% " class="w3-hover-opacity "></a>
  72.                 <div class="w3-container w3-white ">
  73.                     <p><b>Phone Calls</b></p>
  74.                     <p>All calls received in the previous month.</div>
  75.             </div>
  76.             <div class="w3-third w3-container w3-margin-bottom ">
  77.                 <a href="https://drivesaversdatarecovery.com/charts/phone-calls.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  78.                " alt="Sales" style="width:100% " class="w3-hover-opacity "></a>
  79.                 <div class="w3-container w3-white ">
  80.                     <p><b>Demand</b></p>
  81.                     <p>Give me text</div>
  82.             </div>
  83.         </div>
  84.  
  85.         <!-- Second Photo Grid-->
  86.         <div class="w3-row-padding ">
  87.             <div class="w3-third w3-container w3-margin-bottom ">
  88.                 <a href="https://drivesaversdatarecovery.com/charts/conversion-rate.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  89.                " alt="Sales" style="width:100% " class="w3-hover-opacity "></a>
  90.                 <div class="w3-container w3-white ">
  91.                     <p><b>Conversion Rate</b></p>
  92.                     <p>All Job received in the previous month divided by all the estimate records created in that same month.</div>
  93.             </div>
  94.             <div class="w3-third w3-container w3-margin-bottom ">
  95.                 <a href="https://drivesaversdatarecovery.com/charts/phone-calls.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  96.                " style="width:100% " class="w3-hover-opacity "></a>
  97.                 <div class="w3-container w3-white ">
  98.                     <p><b>Phone Calls</b></p>
  99.                     <p>All calls received in the previous month.</div>
  100.             </div>
  101.             <div class="w3-third w3-container w3-margin-bottom ">
  102.                 <a href="https://drivesaversdatarecovery.com/charts/phone-calls.html "><img src="https://p197.p4.n0.cdn.getcloudapp.com/items/7Kubg8XR/Screen%20Shot%202020-11-24%20at%2012.22.58%20PM.png?source=client&v=f14feebe9a38c8b9708af2f52a7803ab
  103.                " alt="Sales" style="width:100% " class="w3-hover-opacity "></a>
  104.                 <div class="w3-container w3-white ">
  105.                     <p><b>Demand</b></p>
  106.                     <p>Give me text</div>
  107.             </div>
  108.         </div>
  109.  
  110.         <!-- Pagination -->
  111.         <div class="w3-center w3-padding-32 ">
  112.             <div class="w3-bar ">
  113.                 <a href="# " class="w3-bar-item w3-button w3-hover-black ">«</a>
  114.                 <a href="# " class="w3-bar-item w3-black w3-button ">1</a>
  115.                 <a href="# " class="w3-bar-item w3-button w3-hover-black ">2</a>
  116.                 <a href="# " class="w3-bar-item w3-button w3-hover-black ">3</a>
  117.                 <a href="# " class="w3-bar-item w3-button w3-hover-black ">4</a>
  118.                 <a href="# " class="w3-bar-item w3-button w3-hover-black ">»</a>
  119.             </div>
  120.         </div>
  121.  
  122.  
  123.  
  124.         <script>
  125.             // Script to open and close sidebar
  126.             function w3_open() {
  127.                 document.getElementById("mySidebar ").style.display = "block ";
  128.                 document.getElementById("myOverlay ").style.display = "block ";
  129.             }
  130.  
  131.             function w3_close() {
  132.                 document.getElementById("mySidebar ").style.display = "none ";
  133.                 document.getElementById("myOverlay ").style.display = "none ";
  134.             }
  135.         </script>
  136.  
  137. </body>
  138.  
  139. </html>
RAW Paste Data