API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 8th, 2018
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--Import Google Icon Font-->
  6. <link href="https://fonts.googleapis.com/css?family=Roboto:500,400,300" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Righteous" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Amiko:400,600,700|Poppins:300,400,500,700|Raleway:300,400,500,600,700|Roboto:300,400,500,700" rel="stylesheet">
  9.  
  10. <!--Let browser know website is optimized for mobile-->
  11. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
  12.  
  13.  
  14. <!-- CSS -->
  15. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  16. <link href="dashboard.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  17.  
  18. <!-- Javascript -->
  19. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  20. <script src="index.js"></script>
  21. <title>Appolo</title>
  22. <link rel="shortcut icon" type="image/png" href="images/helmet.png">
  23.  
  24. </head>
  25.  
  26.  
  27. <body>
  28. <body cz-shortcut-listen="true">
  29. <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow navbar-expand-md">
  30. <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#"><img src="images/logodash.svg" width="180" height="50" class="d-inline-block align-top" alt=""></a>
  31. <div class="dropdown">
  32. <button class="circle dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
  33. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  34. <a class="dropdown-item disabled dropsize" href="#">samsarge@hotmail.co.uk</a>
  35. <a class="dropdown-item dropsize" href="#">Switch Website</a>
  36. <a class="dropdown-item dropsize" href="#">Account Settings</a>
  37. <a class="dropdown-item dropsize" href="#">Log out</a>
  38. </div>
  39. </div>
  40. <button class="navbar-toggler">
  41. <span class="navbar-toggler-icon"></span>
  42. </button>
  43. </nav>
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <div class="container-fluid">
  52. <div class="row">
  53. <nav class="col-md-2 d-none d-md-block bg-light sidebar">
  54. <div class="sidebar-sticky">
  55. <ul class="nav flex-column">
  56. <li class="nav-item">
  57. <a class="nav-link active" href="#">
  58. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="#656565" d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"/></svg>
  59. Overview <span class="sr-only">(current)</span>
  60. </a>
  61. </li>
  62.  
  63. </ul>
  64.  
  65.  
  66. <ul class="nav flex-column mb-2">
  67. <li class="nav-item">
  68. <a class="nav-link" href="#">
  69. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="#656565" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm1 14H8c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1s-.45 1-1 1zm3-4H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg>
  70. Forms
  71. </a>
  72. </li>
  73.  
  74. </ul>
  75. <ul class="nav flex-column mb-2">
  76. <li class="nav-item">
  77. <a class="nav-link" href="#">
  78. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="#656565" d="M4 13h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm0 8h6c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm10 0h6c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zM13 4v4c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1z"/></svg>
  79. Bookings
  80. </a>
  81. </li>
  82.  
  83. </ul>
  84. <ul class="nav flex-column">
  85. <li class="nav-item">
  86. <a class="nav-link active" href="#">
  87. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="#656565" d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>
  88. Settings <span class="sr-only">(current)</span>
  89. </a>
  90. </li>
  91.  
  92. </ul>
  93. <button type="button" class="btn btn-primary shadow" id="but2">Log out</button>
  94. </div>
  95. </nav>
  96.  
  97. <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
  98. <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
  99.  
  100. <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  101. <li class="nav-item">
  102. <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Profile</a>
  103. </li>
  104. <li class="nav-item">
  105. <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Billing</a>
  106. </li>
  107. <li class="nav-item">
  108. </li>
  109. </ul>
  110.  
  111.  
  112.  
  113. </div>
  114.  
  115. <div class="tab-content" id="pills-tabContent">
  116. <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
  117. <div class="maincard accountcard">
  118. <div class="accountheader">
  119. <h3>Account Information</h3>
  120. </div>
  121. <div class="accountmain" style="padding-top:25px;">
  122. <div class="row">
  123. <div class="col">
  124. <h6>Email</h6>
  125. </div>
  126. <div class="col">
  127. Liam@gmail.com
  128. </div>
  129. </div>
  130. <div class="row">
  131. <div class="col">
  132. <h6> Password</h6>
  133. </div>
  134. <div class="col" >
  135. Liam@gmail.com
  136. </div>
  137. </div>
  138. <div class="row">
  139. <div class="col">
  140. <h6> Account Created</h6>
  141. </div>
  142. <div class="col" >
  143. 14/04/2017
  144. </div>
  145. </div>
  146. <button type="button" class="btn btn-light lighter"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><g fill="none"><path d="M0 0h24v24H0V0z"/><path opacity=".87" d="M0 0h24v24H0V0z"/></g><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"/></svg>Change password</button>
  147.  
  148.  
  149. </div>
  150.  
  151.  
  152. </div>
  153. <div class="maincard accountcard">
  154. <div class="accountheader">
  155. <h3>Connected Domains</h3>
  156. </div>
  157. <div class="accountmain" style="padding-top:25px;">
  158. <div class="row">
  159. <div class="col">
  160. <h6>The Puppy Stop</h6>
  161. </div>
  162. <div class="col">
  163. www.thepuppystop.co.uk
  164. </div>
  165. <div class="col">
  166. <a href="#!" style="font-size: 1rem;">Upload logo</a>
  167. </div>
  168. </div>
  169. <div class="row">
  170. <div class="col">
  171. <h6>Advantage Performance</h6>
  172. </div>
  173. <div class="col" >
  174. www.advantageperformance.co.uk
  175. </div>
  176. <div class="col">
  177. <a href="#!" style="font-size: 1rem;">Upload logo</a>
  178. </div>
  179. </div>
  180.  
  181. <button type="button" class="btn btn-light lighter"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"/></svg>Add domain</button>
  182. <button type="button" class="btn btn-light lighter"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3 17.46v3.04c0 .28.22.5.5.5h3.04c.13 0 .26-.05.35-.15L17.81 9.94l-3.75-3.75L3.15 17.1c-.1.1-.15.22-.15.36zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>Edit domain</button>
  183.  
  184.  
  185. </div>
  186.  
  187.  
  188. </div>
  189. <div class="maincard accountcard">
  190. <div class="accountheader">
  191. <h3>Delete Account</h3>
  192. </div>
  193. <div class="accountmain" style="padding-top:25px;">
  194. If you are not happy, you can delete your account. Please be aware that this action can not be undone and all your connected websites and features will be removed.
  195. </div>
  196. <button type="button" class="btn btn-light lightery"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg2" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z"/></svg>Delete account</button>
  197.  
  198.  
  199.  
  200. </div>
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207. </div>
  208. <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
  209. <div class="maincard accountcard">
  210. <div class="accountheader">
  211. <h3>Billing Information</h3>
  212. </div>
  213. <div class="accountmain" style="padding-top:25px;">
  214. <div class="row">
  215. <div class="col">
  216. <h6>Name</h6>
  217. </div>
  218. <div class="col">
  219. Liam Thompson
  220. </div>
  221. </div>
  222. <div class="row">
  223. <div class="col">
  224. <h6> Address:</h6>
  225. </div>
  226. <div class="col" >
  227. Deal, Kent
  228. </div>
  229. </div>
  230. <div class="row">
  231. <div class="col">
  232. <h6> Subscription</h6>
  233. </div>
  234. <div class="col" >
  235. Free tier (£0 per month)
  236. </div>
  237. </div>
  238. <button type="button" class="btn btn-light lighter"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79c-.31-.31-.85-.09-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.31.31.85.09.85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34z"/></svg>Change subscription</button>
  239.  
  240.  
  241. </div>
  242.  
  243.  
  244. </div>
  245. <div class="maincard accountcard">
  246. <div class="accountheader">
  247. <h3>Payment Information</h3>
  248. </div>
  249. <div class="accountmain" style="padding-top:25px;">
  250. <div class="row">
  251. <div class="col">
  252. <h6>No payment method added</h6>
  253. </div>
  254. <div class="col">
  255. </div>
  256. </div>
  257. <div class="row">
  258. <div class="col">
  259. <h6></h6>
  260. </div>
  261. <div class="col" >
  262. </div>
  263. </div>
  264. <div class="row">
  265. <div class="col">
  266. <h6> </h6>
  267. </div>
  268. <div class="col" >
  269. </div>
  270. </div>
  271. <button type="button" class="btn btn-light lighter"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm-1 14H5c-.55 0-1-.45-1-1v-5h16v5c0 .55-.45 1-1 1zm1-10H4V6h16v2z"/></svg>Add payment method</button>
  272.  
  273.  
  274. </div>
  275.  
  276.  
  277. </div>
  278. <div class="maincard accountcard">
  279. <div class="accountheader">
  280. <h3>Payment History</h3>
  281. </div>
  282. <div class="accountmain" style="padding-top:25px;">
  283. <h6>No payment records available</h6>
  284. </div>
  285. <button type="button" class="btn btn-light lightery"><svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;" class="accountsvg2" width="1.2rem" height="1.2rem" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zm-8.89 11.92L6.5 12H10v-2h4v2h3.5l-5.15 5.15c-.19.19-.51.19-.7 0zM5.12 5l.81-1h12l.94 1H5.12z"/></svg>Download record</button>
  286.  
  287.  
  288.  
  289. </div>
  290.  
  291.  
  292.  
  293.  
  294.  
  295. </div>
  296. </div>
  297.  
  298.  
  299. </body>
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316. <!--JavaScript at end of body for optimized loading-->
  317. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  318. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  319.  
  320.  
  321.  
  322. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!