API tools faq
paste
Advertisement
RazeAmp

Website - HTML only!

RazeAmp
Oct 30th, 2016
304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--Made by: RazeAmp-->
  3. <!--Twitter.com/RazeAmp-->
  4. <!--Pastebin.com/u/RazeAmp-->
  5. <!--Www.RazeAmp.com-->
  6.  
  7. <html class="no-js" lang="">
  8. <head>
  9. <meta charset="utf-8">
  10. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  11.  
  12. <title>RazeAmp | Welcome</title>
  13. <meta content="" name="description">
  14. <meta content="width=device-width, initial-scale=1" name="viewport">
  15. <link href="apple-touch-icon.png" rel="apple-touch-icon">
  16. <link href="favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
  17. <link href="favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
  18. <link href="css/normalize.min.css" rel="stylesheet">
  19. <link href="css/bootstrap.min.css" rel="stylesheet">
  20. <link href="css/jquery.fancybox.css" rel="stylesheet">
  21. <link href="css/flexslider.css" rel="stylesheet">
  22. <link href="css/styles.css" rel="stylesheet">
  23. <link href="css/queries.css" rel="stylesheet">
  24. <link href="css/etline-font.css" rel="stylesheet">
  25. <link href="bower_components/animate.css/animate.min.css" rel="stylesheet">
  26. <link href=
  27. "http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
  28. rel="stylesheet">
  29. <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js">
  30. </script>
  31. </head>
  32.  
  33. <body id="top">
  34. <section class="hero">
  35. <section class="navigation">
  36. <header>
  37. <div class="header-content">
  38. <div class="header-nav">
  39. <nav>
  40. <ul class="primary-nav">
  41. <li>
  42. <a href="#features">About</a>
  43. </li>
  44.  
  45.  
  46. <li>
  47. <a href="#assets">Social</a>
  48. </li>
  49.  
  50.  
  51. <li>
  52. <a href="#blog">Development</a>
  53. </li>
  54.  
  55.  
  56. <li>
  57. <a href="#download">Contact</a>
  58. </li>
  59. </ul>
  60.  
  61.  
  62. <ul class="member-actions">
  63. <li>
  64. <a class="login" href="#download">Log
  65. in</a>
  66. </li>
  67.  
  68.  
  69. <li>
  70. <a class="btn-white btn-small" href=
  71. "#download">Sign up</a>
  72. </li>
  73. </ul>
  74. </nav>
  75. </div>
  76.  
  77.  
  78. <div class="navicon">
  79. <a class="nav-toggle" href="#"><span></span></a>
  80. </div>
  81. </div>
  82. </header>
  83. </section>
  84.  
  85.  
  86. <div class="container">
  87. <div class="row">
  88. <div class="col-md-10 col-md-offset-1">
  89. <div class="hero-content text-center">
  90. <h1>RazeAmp</h1>
  91.  
  92.  
  93. <p class="intro">Gamer | Hacker | Nerd</p>
  94. <a class="btn btn-fill btn-large btn-margin-right"
  95. href="#intro-content">About</a> <a class=
  96. "btn btn-accent btn-large" href="#">Learn more</a>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101.  
  102.  
  103. <div class="down-arrow floating-arrow">
  104. <a href="#"><i class="fa fa-angle-down"></i></a>
  105. </div>
  106. </section>
  107.  
  108.  
  109. <section class="intro section-padding">
  110. <div class="container">
  111. <div class="row">
  112. <div class="col-md-4 intro-feature">
  113. <div class="intro-icon">
  114. <span class="icon" data-icon="&#xe033;"></span>
  115. </div>
  116.  
  117.  
  118. <div class="intro-content" id="intro-content">
  119. <h5>About Me</h5>
  120.  
  121.  
  122. <p>A 17 year old man playing video games everyday,
  123. hacking and video games is my thing. I've been on the
  124. internet for 10 years now and I hope to keep going!</p>
  125. </div>
  126. </div>
  127.  
  128.  
  129. <div class="col-md-4 intro-feature">
  130. <div class="intro-icon">
  131. <span class="icon" data-icon="&#xe030;"></span>
  132. </div>
  133.  
  134.  
  135. <div class="intro-content">
  136. <h5>Creative</h5>
  137.  
  138.  
  139. <p>I try to come up with the most weird but awesome
  140. designs and plans just to try something new, I never
  141. back down from a creative challenge.</p>
  142. </div>
  143. </div>
  144.  
  145.  
  146. <div class="col-md-4 intro-feature">
  147. <div class="intro-icon">
  148. <span class="icon" data-icon="&#xe046;"></span>
  149. </div>
  150.  
  151.  
  152. <div class="intro-content last">
  153. <h5>Hard Working</h5>
  154.  
  155.  
  156. <p>I put my very best into what I do, I never give up
  157. and I always try to do better than perfect.</p>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </section>
  163.  
  164.  
  165. <section class="features section-padding" id="features">
  166. <div class="container">
  167. <div class="row">
  168. <div class="col-md-5 col-md-offset-7">
  169. <div class="feature-list">
  170. <h3>What I do</h3>
  171.  
  172.  
  173. <p>Get to know what I like to do on the internet</p>
  174.  
  175.  
  176. <ul class="features-stack">
  177. <li class="feature-item">
  178. <div class="feature-icon">
  179. <span class="icon" data-icon=
  180. "&#xe03e;"></span>
  181. </div>
  182.  
  183.  
  184. <div class="feature-content">
  185. <h5>Play Video Games</h5>
  186.  
  187.  
  188. <p>I love playing games on PC, I play
  189. CS:GO, Minecraft, Bo2 and More!</p>
  190. </div>
  191. </li>
  192.  
  193.  
  194. <li class="feature-item">
  195. <div class="feature-icon">
  196. <span class="icon" data-icon=
  197. "&#xe040;"></span>
  198. </div>
  199.  
  200.  
  201. <div class="feature-content">
  202. <h5>Talk to Friends</h5>
  203.  
  204.  
  205. <p>I have better friends online than in
  206. real life. They are always there and I know
  207. they always got my back. I love the guys I
  208. talk to daily. @RootPC @YueTooCute are bae
  209. <span class=
  210. "fa fa-heart pulse2"></span></p>
  211. </div>
  212. </li>
  213.  
  214.  
  215. <li class="feature-item">
  216. <div class="feature-icon">
  217. <span class="icon" data-icon=
  218. "&#xe03c;"></span>
  219. </div>
  220.  
  221.  
  222. <div class="feature-content">
  223. <h5>Web Development and Design</h5>
  224.  
  225.  
  226. <p>I love making website and designing them
  227. to make them look unique. I always try to
  228. make the best of the best.</p>
  229. </div>
  230. </li>
  231. </ul>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236.  
  237.  
  238. <div class="device-showcase">
  239. <div class="devices">
  240. <div class="ipad-wrap wp1">
  241. </div>
  242.  
  243.  
  244. <div class="iphone-wrap wp2">
  245. </div>
  246. </div>
  247. </div>
  248.  
  249.  
  250. <div class="responsive-feature-img"><img alt="" src="">
  251. </div>
  252. </section>
  253.  
  254.  
  255. <section class="features-extra section-padding" id="assets">
  256. <div class="container">
  257. <div class="row">
  258. <div class="col-md-5">
  259. <div class="feature-list">
  260. <h3>Social Media</h3>
  261.  
  262.  
  263. <p>I love being on social media and talking to
  264. everyone. Follow me on twitter @RazeAmp and I will
  265. follow back =).</p>
  266.  
  267.  
  268. <p>Use the button below to check out my twitter</p>
  269. <a class="btn btn-ghost btn-accent btn-small" href=
  270. "http://twitter.com/RazeAmp">Twitter</a>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275.  
  276.  
  277. <div class="macbook-wrap wp3">
  278. </div>
  279.  
  280.  
  281. <div class="responsive-feature-img"><img alt="responsive devices" src=
  282. "img/macbook-pro.png">
  283. </div>
  284. </section>
  285.  
  286.  
  287. <section class="hero-strip section-padding">
  288. <div class="container">
  289. <div class="col-md-12 text-center">
  290. <h2>Donate to me <i class="version"></i></h2>
  291.  
  292.  
  293. <p>Im in a money tight spot in my life right now.. If you want
  294. donate =)</p>
  295. <a class="btn btn-ghost btn-accent btn-large" href=
  296. "paypal.me/RazeAmp"><span class="fa fa-heart pulse2"></span>
  297. Donate <span class="fa fa-heart pulse2"></span></a>
  298.  
  299. <div class="logo-placeholder floating-logo"><img alt=
  300. "Sketch Logo" src="img/sketch-logo.png">
  301. </div>
  302. </div>
  303. </div>
  304. </section>
  305.  
  306.  
  307. <section class="blog-intro section-padding" id="blog">
  308. <div class="container">
  309. <div class="row">
  310. <div class="col-md-12">
  311. <h3>Web Development & Design</h3>
  312. </div>
  313. </div>
  314.  
  315.  
  316. <div class="row">
  317. <div class="col-md-6 col-sm-12 col-xs-12 leftcol">
  318. <h5>We Development</h5>
  319.  
  320.  
  321. <p>I am experienced with HTML, CSS, and JS. Im always
  322. learning with online classes and I'm also taking a college
  323. class within my school for web development. I always try to
  324. bring clean and unique code that will make it easy for you
  325. or anyone else to edit.</p>
  326. </div>
  327.  
  328.  
  329. <div class="col-md-6 col-sm-12 col-xs-12 rightcol">
  330. <h5>Web Design</h5>
  331.  
  332.  
  333. <p>I always try to make modern and clean code that is
  334. professional. I take my time to make my designs unique.</p>
  335. </div>
  336. </div>
  337. </div>
  338. </section>
  339.  
  340.  
  341. <section class="blog text-center">
  342. <div class="container-fluid">
  343. <div class="row">
  344. <div class="col-md-4">
  345. <article class="blog-post">
  346. <figure>
  347. <a class="single_image" href=
  348. "img/RazeBackGround.png">
  349. <div class="blog-img-wrap">
  350. <div class="overlay">
  351. <i class="fa fa-search"></i>
  352. </div>
  353. <img alt="Sedna blog image" src=
  354. "img/RazeBackGround.png">
  355. </div></a>
  356.  
  357. <figcaption>
  358. <h2><a class="blog-category"
  359. data-original-title="See more posts"
  360. data-placement="top" data-toggle="tooltip"
  361. href="#">Graphic Design</a>
  362. </h2>
  363.  
  364.  
  365. <p>My Photoshop Design</p>
  366. </figcaption>
  367. </figure>
  368. </article>
  369. </div>
  370.  
  371.  
  372. <div class="col-md-4">
  373. <article class="blog-post">
  374. <figure>
  375. <a class="single_image" href="img/Music.jpg">
  376. <div class="blog-img-wrap">
  377. <div class="overlay">
  378. <i class="fa fa-search"></i>
  379. </div>
  380. <img alt="Sedna blog image" src="img/Music.jpg">
  381. </div></a>
  382.  
  383. <figcaption>
  384. <h2><a class="blog-category"
  385. data-original-title="See more posts"
  386. data-placement="top" data-toggle="tooltip"
  387. href="#">Music</a>
  388. </h2>
  389.  
  390.  
  391. <p>I love loud Music</p>
  392. </figcaption>
  393. </figure>
  394. </article>
  395. </div>
  396.  
  397.  
  398. <div class="col-md-4">
  399. <article class="blog-post">
  400. <figure>
  401. <a class="single_image" href="img/Nerd.jpg">
  402. <div class="blog-img-wrap">
  403. <div class="overlay">
  404. <i class="fa fa-search"></i>
  405. </div>
  406. <img alt="Sedna blog image" class="single_image"
  407. src="img/Nerd.jpg">
  408. </div></a>
  409.  
  410. <figcaption>
  411. <h2><a class="blog-category"
  412. data-original-title="See more posts"
  413. data-placement="top" data-toggle="tooltip"
  414. href="#">Being a Nerd</a>
  415. </h2>
  416.  
  417.  
  418. <p>I love History and Science</p>
  419. </figcaption>
  420. </figure>
  421. </article>
  422. </div>
  423. <a class="btn btn-ghost btn-accent btn-small" href="#">More
  424. news</a>
  425. </div>
  426. </div>
  427. </section>
  428.  
  429.  
  430. <section class="testimonial-slider section-padding text-center">
  431. <div class="container">
  432. <div class="row">
  433. <div class="col-md-12">
  434. <div class="flexslider">
  435. <ul class="slides">
  436. <li>
  437. <div class="avatar"><img alt=
  438. "Sedna Testimonial Avatar" src=
  439. "img/avatar.jpg">
  440. </div>
  441.  
  442.  
  443. <h2>"He's a really good friend of mine and I
  444. support him"</h2>
  445.  
  446.  
  447. <p class="author">Yue, Online Friend.</p>
  448. </li>
  449.  
  450.  
  451. <li>
  452. <div class="avatar"><img alt=
  453. "Sedna Testimonial Avatar" src="img/epic.jpg">
  454. </div>
  455.  
  456.  
  457. <h2>"I love RazeAmp because he's a cutie."</h2>
  458.  
  459.  
  460. <p class="author">Epicgamer133, Founder @
  461. BreakingMC.</p>
  462. </li>
  463.  
  464.  
  465. <li>
  466. <div class="avatar"><img alt=
  467. "Sedna Testimonial Avatar" src="img/130.jpg">
  468. </div>
  469.  
  470.  
  471. <h2>"Nullam ac urna ornare, ultrices nisl ut,
  472. lacinia nisi."</h2>
  473.  
  474.  
  475. <p class="author">Blaz Robar, Pixel Guru</p>
  476. </li>
  477. </ul>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. </section>
  483.  
  484.  
  485. <section class="sign-up section-padding text-center" id="download">
  486. <div class="container">
  487. <div class="row">
  488. <div class="col-md-6 col-md-offset-3">
  489. <h3>Sign in and get access to my stresser</h3>
  490.  
  491.  
  492. <p>We see no info you put into this box</p>
  493.  
  494.  
  495. <form action="#" class="signup-form" method="post" role=
  496. "form">
  497. <div class="form-input-group">
  498. <i class="fa fa-envelope"></i><input class=""
  499. placeholder="Enter your email" required="" type=
  500. "text">
  501. </div>
  502.  
  503.  
  504. <div class="form-input-group">
  505. <i class="fa fa-lock"></i><input class=""
  506. placeholder="Enter your password" required="" type=
  507. "text">
  508. </div>
  509. <button class="btn-fill sign-up-btn" type="submit">Sign
  510. up for free</button>
  511. </form>
  512. </div>
  513. </div>
  514. </div>
  515. </section>
  516.  
  517.  
  518. <section class="to-top">
  519. <div class="container">
  520. <div class="row">
  521. <div class="to-top-wrap">
  522. <a class="top" href="#top"><i class=
  523. "fa fa-angle-up"></i></a>
  524. </div>
  525. </div>
  526. </div>
  527. </section>
  528.  
  529.  
  530. <footer>
  531. <div class="container">
  532. <div class="row">
  533. <div class="col-md-7">
  534. <div class="footer-links">
  535. <ul class="footer-group">
  536. <li>
  537. <a href="#features">About</a>
  538. </li>
  539.  
  540.  
  541. <li>
  542. <a href="#assets">Social</a>
  543. </li>
  544.  
  545.  
  546. <li>
  547. <a href="#blog">Development</a>
  548. </li>
  549.  
  550.  
  551. <li>
  552. <a href="#download">Contact</a>
  553. </li>
  554. </ul>
  555.  
  556.  
  557. <p>Copyright © 2016 <a href="#">RazeAmp</a><br>
  558. <a href="http://www.RazeAmp.com/">Licence</a> | Crafted
  559. with <span class="fa fa-heart pulse2"></span> by
  560. <a href="http://www.RazeAmp.com/">RazeAmp</a>.</p>
  561. </div>
  562. </div>
  563.  
  564.  
  565. <div class="social-share">
  566. <p>Follow my Social Media</p>
  567. <a class="twitter-share" href=
  568. "https://twitter.com/RazeAmp"><i class=
  569. "fa fa-twitter"></i></a> <a class="facebook-share" href=
  570. "#"><i class="fa fa-facebook"></i></a>
  571. </div>
  572. </div>
  573. </div>
  574. <iframe allowfullscreen="" frameborder="0" height="0" src=
  575. "https://www.youtube.com/embed/gxE4ngu78Ro?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
  576. width="0"></iframe>
  577. </footer>
  578. <script src=
  579. "http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
  580. </script>
  581. <script>
  582. window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
  583. </script>
  584. <script src="bower_components/retina.js/dist/retina.js">
  585. </script>
  586. <script src="js/jquery.fancybox.pack.js">
  587. </script>
  588. <script src="js/vendor/bootstrap.min.js">
  589. </script>
  590. <script src="js/scripts.js">
  591. </script>
  592. <script src="js/jquery.flexslider-min.js">
  593. </script>
  594. <script src="bower_components/classie/classie.js">
  595. </script>
  596. <script src=
  597. "bower_components/jquery-waypoints/lib/jquery.waypoints.min.js">
  598. </script>
  599. <script>
  600. (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
  601. function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
  602. e=o.createElement(i);r=o.getElementsByTagName(i)[0];
  603. e.src='//www.google-analytics.com/analytics.js';
  604. r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
  605. ga('create','UA-XXXXX-X','auto');ga('send','pageview');
  606. </script>
  607. </body>
  608. </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!