API tools faq
paste
D3cryp73r

Card-Primefort

D3cryp73r
Feb 6th, 2019
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>PrimeFort Website</title>
  8. <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
  10. <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
  11. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,800">
  12. <link rel="stylesheet" href="assets/css/Features-Blue.css">
  13. <link rel="stylesheet" href="assets/css/Footer-Clean.css">
  14. <link rel="stylesheet" href="assets/css/Newsletter-Subscription-Form.css">
  15. <link rel="stylesheet" href="assets/css/styles.css">
  16. <link rel="stylesheet" href="assets/bootstrap/css/style.css">
  17. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  18. <link rel="stylesheet" href="assets/bootstrap/css/particle.css">
  19. </head>
  20.  
  21. <body style="background-color: black;" onload="type()" >
  22. <nav class="navbar navbar-color-on-scroll navbar-expand-lg navbar-transparent" style="height:80px;margin-bottom:-8px;">
  23. <div class="container-fluid">
  24. <a class="navbar-brand" href="#" style="background-image:url(&quot;assets/img/prime fort-01.png&quot;);background-position:center;background-size:contain;background-repeat:no-repeat;margin-top:3px;margin-left:11px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</a>
  25. <button
  26. class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span><span class="navbar-toggler-icon"></span><span class="navbar-toggler-icon"></span></button>
  27. <div class="collapse navbar-collapse" id="navcol-1">
  28. <ul class="nav navbar-nav ml-auto">
  29. <li class="nav-item" role="presentation"><a class="nav-link active" href="#" style="font-weight:bold;color:rgb(0,0,0);">Home</a></li>
  30. <li class="nav-item" role="presentation"><a class="nav-link active" href="#" style="font-weight:bold;color:rgb(0,0,0);">About Us</a></li>
  31. <li class="dropdown"><a class="dropdown-toggle nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="font-weight:bold;color:rgb(0,0,0);font-size:12px;">Services</a>
  32. <div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
  33. </li>
  34. <li class="dropdown"><a class="dropdown-toggle nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="font-weight:bold;color:rgb(0,0,0);font-size:12px;">Intiatives</a>
  35. <div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
  36. </li>
  37. <li class="nav-item" role="presentation"><a class="nav-link" href="#" style="font-weight:bold;color:rgb(0,0,0);">Blog</a></li>
  38. <li class="nav-item" role="presentation"><a class="nav-link" href="#" style="font-weight:bold;color:rgb(0,0,0);">Contact Us</a></li>
  39. </ul>
  40. </div>
  41. </div>
  42. </nav>
  43.  
  44. <div class="features-blue" style="background-color:rgb(255,255,255);background-image:url(&quot;none&quot;);margin-top:91px;">
  45.  
  46.  
  47. <div class="container-fluid" id="">
  48. <div class="intro">
  49. <h2 class="text-center" style="color:rgb(0,0,0);" >
  50. <div class="typewriter">
  51.  
  52.  
  53. <h2 style="color: black">Time to Secure |<b style="color: red;">Together</b></h2>
  54. </div>
  55.  
  56. </h2>
  57. <p class="text-center" style="color:rgba(0,0,0,0.6);font-family: 'lato'">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.&nbsp;<br><button class="btn btn-link btn-outline" type="submit" style="margin-top:37px;border-radius:50px;">Learn more &nbsp;<i class="icon-menu"></i>&nbsp;</button></p>
  58. </div>
  59. </div>
  60. </div>
  61. <div></div>
  62. <div style="background-color:rgba(0,0,0,0.05);">
  63. <div class="container">
  64. <div class="row">
  65. <div class="col-md-6"><img class="img-fluid card" src="assets/img/ai-close-up-code-160107.jpg" style="border-radius:20px;"></div>
  66. <div class="col-md-6" style="padding-top:47px;">
  67. <h1 style="font-weight:bold;font-size:39px;margin-top:10%;">Why Us&nbsp;</h1>
  68. <p style="font-size:18px;font-weight:normal;padding-top:10px;padding-bottom:10px;">It is a long established fact that a reader will be distracted by the readable content of a paglayout. The point of using Lorem Ipsum<br>It is a long established fact that a reader will be distracted by the readable content of a paglayout.&nbsp;<br></p>
  69. <button
  70. class="btn btn-danger" type="button" style="font-weight:bold;background-color:#d2000c;border-radius:20px;">&nbsp; More &nbsp;</button>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="newsletter-subscribe" style="background-color: black;">
  76. <div class="container">
  77. <div class="intro">
  78. <h2 class="text-center" style="font-weight:bold;font-size:33px;color: aliceblue;font-family: product;" >The companies we broke into&nbsp;<br></h2>
  79. </div>
  80. <div class="row" style="filter: grayscale()">
  81. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:30px;margin-top:10px;"><img class="img-fluid" src="assets/img/Facebook_logo_(square).png" style="padding-top:18px;padding-right:10px;padding-bottom:20px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  82. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:50px;"><img class="img-fluid" src="assets/img/apple.png" style="padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  83. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:10px;"><img class="img-fluid" src="assets/img/google .png" style="padding-top:18px;padding-right:12px;padding-bottom:26px;padding-left:11px;max-height:90px;max-width:90px;margin-top:9px;"></div>
  84. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:50px;"><img class="img-fluid" src="assets/img/blackberry.png" style="padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  85. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:10px;"><img class="img-fluid" src="assets/img/chat.png" style="padding-top:17px;padding-right:10px;padding-bottom:20px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  86. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:50px;"><img class="img-fluid" src="assets/img/barcuda.jpg" style="padding-top:10px;padding-right:10px;padding-bottom:21px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  87. <div class="col card" style="border-radius:50%;max-width:100px;max-height:100px;min-width:100px;min-height:100px;margin-right:31px;margin-left:31px;margin-top:10px;"><img class="img-fluid" src="assets/img/500px.png" style="padding-top:10px;padding-right:2px;padding-bottom:13px;padding-left:10px;max-height:90px;max-width:90px;margin-top:7px;"></div>
  88. </div>
  89. </div>
  90. </div>
  91. <div>
  92. <div class="container"></div>
  93. </div>
  94. <div style="background-image:url(&quot;assets/img/bricks-brickwall-indoors-112811.jpg&quot;);background-attachment:fixed;background-repeat:no-repeat;background-size:auto;background-position:center;">
  95. <div class="container">
  96. <div class="row">
  97. <div class="col">
  98. <h1 class="text-center"><strong>Testimonals</strong></h1>
  99. <h3 class="text-center">What Our Clients Say<br></h3>
  100. <header></header>
  101. </div>
  102. </div>
  103. <div class="row">
  104. <div class="col">
  105. <div class="card">
  106. <div class="card-body">
  107. <div class="row">
  108. <div class="col-xl-3"><img src="assets/img/766075-200.png" style="max-height:40px;"></div>
  109. <div class="col"><label class="col-form-label" style="color:rgb(52,51,51);font-family: product"><br>It is a long established fact that a reader will be distracted by the readable content of a page.<br><br><br></label></div>
  110. </div>
  111. <hr>
  112. <div class="row">
  113. <div class="col"></div>
  114. <div class="col"></div>
  115. <div class="col"><img class="rounded-circle img-fluid" src="assets/img/241102714033202.jpg" style="max-width:50px;margin-top:-55px;margin-left:-10px;"></div>
  116. </div>
  117. <div class="row">
  118. <div class="col">
  119. <div>
  120. <div class="col" style="font-size:25px;"><label class="col-form-label card-title" style="color:rgb(241,113,20);">Sri Ram</label></div><label class="card-text" style="color:rgb(4,4,4);">&nbsp; &nbsp; Owner /Meg . loreum ipusem</label>
  121. <hgroup></hgroup><i class="fa fa-star" style="margin-left:17px;"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
  122. </div>
  123. </div>
  124. <p class="card-text"></p>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="col">
  129. <div class="card">
  130. <div class="card-body">
  131. <div class="row">
  132. <div class="col-xl-3"><img src="assets/img/766075-200.png" style="max-height:40px;"></div>
  133. <div class="col"><label class="col-form-label" style="color:rgb(52,51,51);"><br>It is a long established fact that a reader will be distracted by the readable content of a page.<br><br><br></label></div>
  134. </div>
  135. <hr>
  136. <div class="row">
  137. <div class="col"></div>
  138. <div class="col"></div>
  139. <div class="col"><img class="rounded-circle img-fluid" src="assets/img/241102714033202.jpg" style="max-width:50px;margin-top:-55px;margin-left:-10px;"></div>
  140. </div>
  141. <div class="row">
  142. <div class="col">
  143. <div>
  144. <div class="col" style="font-size:25px;"><label class="col-form-label card-title" style="color:rgb(241,113,20);">Sri Ram</label></div><label class="card-text" style="color:rgb(4,4,4);">&nbsp; &nbsp; Owner /Meg . loreum ipusem</label>
  145. <hgroup></hgroup><i class="fa fa-star" style="margin-left:17px;"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
  146. </div>
  147. </div>
  148. <p class="card-text"></p>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="col">
  153. <div class="card">
  154. <div class="card-body">
  155. <div class="row">
  156. <div class="col-xl-3"><img src="assets/img/766075-200.png" style="max-height:40px;"></div>
  157. <div class="col"><label class="col-form-label" style="color:rgb(52,51,51);"><br>It is a long established fact that a reader will be distracted by the readable content of a page.<br><br><br></label></div>
  158. </div>
  159. <hr>
  160. <div class="row">
  161. <div class="col"></div>
  162. <div class="col"></div>
  163. <div class="col"><img class="rounded-circle img-fluid" src="assets/img/241102714033202.jpg" style="max-width:50px;margin-top:-55px;margin-left:-10px;"></div>
  164. </div>
  165. <div class="row">
  166. <div class="col">
  167. <div>
  168. <div class="col" style="font-size:25px;"><label class="col-form-label card-title" style="color:rgb(241,113,20);">Sri Ram</label></div><label class="card-text" style="color:rgb(4,4,4);">&nbsp; &nbsp; Owner /Meg . loreum ipusem</label>
  169. <hgroup></hgroup><i class="fa fa-star" style="margin-left:17px;"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
  170. </div>
  171. </div>
  172. <p class="card-text"></p>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div style="margin-top:46px;"></div>
  180. <div>
  181. <div class="container"></div>
  182. </div>
  183. <div style="margin-bottom:77px;background-color:#ffffff;" class="card">
  184. <div class="container" style="">
  185. <div class="row">
  186. <div class="col-md-6">
  187. <div class="row">
  188. <div class="col"></div>
  189. <div class="col"><img class="img-fluid" src="assets/img/983c25c7ee9644953077c7f3cb15a8db.png" style="max-width:200px;max-height:150px;padding:6px;"></div>
  190. <div class="col"></div>
  191. </div>
  192. <div class="row">
  193. <div class="col" style="border-right:solid rgba(0,0,0,0.57) 3px;">
  194. <h2 class="text-center" style="font-weight:bold;color:rgb(0,0,0);">Vision</h2><label style="color:rgb(62,61,61);padding-right:100px;padding-left:100px;font-size:18px;"><br>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum<br><br><br></label></div>
  195. </div>
  196. </div>
  197. <div class="col-md-6">
  198. <div class="row">
  199. <div class="col"></div>
  200. <div class="col"><img class="img-fluid" src="assets/img/Mission.png" style="max-width:200px;max-height:150px;"></div>
  201. <div class="col"></div>
  202. </div>
  203. <div class="row">
  204. <div class="col">
  205. <h2 class="text-center" style="font-weight:bold;color:rgb(0,0,0);">Mission</h2><label style="color:rgb(25,25,25);padding-right:100px;padding-left:100px;font-size:18px;"><br>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum<br><br><br></label></div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. <div style="background-color:#000000;">
  212. <div class="container"></div>
  213. </div>
  214.  
  215. <div class="footer-dark" style="background-color: black;padding-bottom: 10px;padding-top: 10px ">
  216. <div style="">
  217. <div class="container" >
  218.  
  219. <h2 class="text-center" style="font-size:46px;font-weight:bolder; color:white;"><img class="img-fluid" style="max-width: 300px;" src="assets/img/primefort/prime%20fort_White-01.png"></h2>
  220. <hr />
  221. <ul class="list-inline" id="text_decoration" style="margin-top:30px;font-family:ABeeZee, sans-serif;text-align: center;">
  222. <li class="list-inline-item"><a href="#" class="decoration" style="color:white;font-size:15px;margin-right:10px;">Home</a></li>
  223. <li class="list-inline-item"><a href="#" style="font-size:15px;color:white;margin-right:10px;">Services</a></li>
  224. <li class="list-inline-item"><a href="#" style="font-size:15px;color:white;margin-right:10px;">About</a></li>
  225. <li class="list-inline-item"><a href="#" style="color:white;font-size:15px;margin-right:10px;">Terms</a></li>
  226. <li class="list-inline-item"><a href="#" style="color:white;font-size:15px;">Privacy Policy</a></li>
  227. </ul>
  228. <p class="text-center" style="margin-top:30px;margin-bottom:15px;"><a href="#" style="font-size:35px;margin-right:30px;"><i class="fa fa-facebook-square" style="color:white;margin-right:0px;"></i></a><a href="#" style="font-size:35px;margin-right:30px;"><i class="fa fa-instagram" style="color:white;margin-right:0px;"></i></a>
  229. <a
  230. href="#" style="font-size:35px;margin-right:30px;"><i class="icon icon-social-twitter" style="color:white;margin-right:2px;"></i></a><a href="#" style="font-size:35px;margin-right:30px;"><i class="icon icon-envelope" style="color:white;margin-right:0px;"></i></a><a href="#"
  231. style="font-size:35px;"><i class="fa fa-google-plus-square" style="color:white;"></i></a></p>
  232. <p class="text-center" style="color:rgb(193,184,184);font-family:ABeeZee, sans-serif;margin-bottom:23px;font-size: 10px;">All rights Reserved Primefort @ 2018</p>
  233. </div>
  234. </div>
  235. </div>
  236. </body>
  237.  
  238. <script src="assets/js/jquery.min.js"></script>
  239. <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  240. <script src="assets/js/material-kit.js"></script>
  241. <script src="assets/js/material-kit.js.map"></script>
  242. <script src="assets/js/app.js"></script>
  243. <script src="assets/js/style.js"></script>
  244. <script>
  245.  
  246.  
  247. function type()
  248. {
  249. typeWriterPrime();
  250. // typeWriterFort();
  251. setTimeout(function() { typeWriterFort(); }, 500);
  252. }
  253. var i = 0;
  254. var txti = '| eruceS ot emiT';
  255. i=txti.length;
  256.  
  257. var speedi = 100;
  258. var j = 0;
  259. var txtj = 'Together';
  260. var speedj = 100;
  261.  
  262. function typeWriterPrime()
  263. {
  264.  
  265. if (i=>0)
  266. {
  267. document.getElementById("time").innerHTML += txti.charAt(i);
  268. i--;
  269. setTimeout(typeWriterPrime, speedi);
  270. }
  271. }
  272. function typeWriterFort()
  273. {
  274.  
  275.  
  276. if (j<txtj.length) {
  277. document.getElementById("together").innerHTML += txtj.charAt(j);
  278. j++;
  279. setTimeout(typeWriterFort, speedj);
  280. }
  281. }
  282. </script>
  283.  
  284. <script src='https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js'></script>
  285. <script src='https://threejs.org/examples/js/libs/stats.min.js'></script>
  286.  
  287.  
  288.  
  289. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!