API tools faq
paste
Advertisement
Guest User

Sourcecode www.usmantareen.ga

a guest
Feb 18th, 2018
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 20.79 KB | None | 0 0
raw download clone embed print report
  1. <title>Usman Tareen | Webdeveloper</title>
  2. <meta name="viewport" content="width=device-width, initial-scale=1">
  3. <meta charset="UTF-8">
  4. <meta name="keywords" content="Usman Tareen, usman tareen, usman, tareen, Webdeveloper, Kashmir, Chemical Crew Studios">
  5. <meta name="description" content="Hi I am Usman Tareen A website Developer And Android App Maker">
  6. <meta name="subject" content="Website Developer In Srinagar">
  7. <meta name="copyright" content="Usman Tareen">
  8. <meta name="language" content="ES">
  9. <meta name="robots" content="index,follow">
  10. <meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm">
  11. <meta name="abstract" content="Usman Tareen">
  12. <meta name="topic" content="Usman Tareen Webdeveloper">
  13. <meta name="summary" content="Usman Tareen Is A Webdeveloper In Srinagar">
  14. <meta name="Classification" content="Business">
  15. <meta name="author" content="Usman Tareen, usmantareen17@gmail.com">
  16. <meta name="designer" content="Usman Tareen">
  17. <meta name="reply-to" content="usmantareeen7@gmail.com">
  18. <meta name="owner" content="">
  19. <meta name="url" content="https://www.usmantareen.ga">
  20. <meta name="identifier-URL" content="https://www.usmantareen.ga">
  21. <meta name="directory" content="submission">
  22. <meta name="pagename" content="Usman Tareen, Website Developer and Programmer - O" reilly="" media'="">
  23. <meta name="category" content="Website Designer And App Developer">
  24. <meta name="coverage" content="Worldwide">
  25. <meta name="distribution" content="Global">
  26. <meta name="rating" content="General">
  27. <meta name="revisit-after" content="1 day">
  28. <meta name="subtitle" content="Usman Tareen Is A Webdeveloper In Srinagar">
  29. <meta name="target" content="all">
  30. <meta name="HandheldFriendly" content="True">
  31. <meta name="MobileOptimized" content="320">
  32. <meta name="date" content="jul. 17, 2017">
  33. <meta name="search_date" content="2017-07-17">
  34. <meta name="DC.title" content="Unstoppable Robot Ninja">
  35. <meta name="ResourceLoaderDynamicStyles" content="">
  36. <meta name="medium" content="blog">
  37. <meta name="syndication-source" content="https://www.usmantareen.ga">
  38. <meta name="original-source" content="https://www.usmantareen.ga">
  39. <meta name="verify-v1" content="dV1r/ZJJdDEI++fKJ6iDEl6o+TMNtSu0kv18ONeqM0I=">
  40. <meta name="y_key" content="1e39c508e0d87750">
  41. <meta name="pageKey" content="guest-home">
  42. <meta itemprop="name" content="jQTouch">
  43. <meta http-equiv="Expires" content="0">
  44. <meta http-equiv="Pragma" content="no-cache">
  45. <meta http-equiv="Cache-Control" content="no-cache">
  46. <meta http-equiv="imagetoolbar" content="no">
  47. <meta http-equiv="x-dns-prefetch-control" content="off">
  48. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  49.         function hideURLbar(){ window.scrollTo(0,1); } </script>
  50. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
  51. <link href="css/font-awesome.css" rel="stylesheet">
  52. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all"><!--gallery-popup-css-->
  53. <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"><!-- Pop-up -->
  54. <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
  55. <!--fonts-->
  56. <link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700" rel="stylesheet">
  57. <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  58. <!--//fonts-->
  59.  
  60. </head>
  61. <body data-gr-c-s-loaded="true">
  62. <!-- banner -->
  63.     <div class="banner" id="home">
  64.             <div class="header">
  65.                 <div class="w3_agile_logo">
  66.                     <h1><a href="index.html">Webdeveloper Usman Tareen<span>WHO IAM</span></a></h1>
  67.                 </div>
  68.                 <div class="w3_menu">
  69.                     <div class="mobile-nav-button">
  70.                         <div class="mobile-nav-button__line"></div>
  71.                         <div class="mobile-nav-button__line"></div>
  72.                         <div class="mobile-nav-button__line"></div>
  73.                     </div>
  74.                     <nav class="mobile-menu">
  75.                         <ul>
  76.                             <li><a href="#home" class="active scroll">Home</a></li>
  77.                             <li><a href="#about" class="scroll">About</a></li>
  78.                             <li><a href="#skills" class="scroll">Skills</a></li>
  79.                             <li><a href="#gallery" class="scroll">My Projects</a></li>
  80.                             <li><a href="#contact" class="scroll">Contact Me</a></li>
  81.                         </ul>
  82.                             <div class="clearfix"></div>
  83.                         <div class="search-agileits">          
  84.                             <form action="#" method="post">
  85.                                 <input name="Search" placeholder=" " required="" type="search">
  86.                                 <input value="Search" type="submit">
  87.                             </form>
  88.                         </div>
  89.                     </nav>
  90.                 </div>
  91.                 <div class="clearfix"> </div>
  92.             </div>
  93.             <div class="agile_banner_info">
  94.             <h2><span>HI! I'm</span> Usman Tareen</h2>
  95.                 <div id="typed-strings" class="agileits_w3layouts_strings" style="display: none;">
  96.                         <p>LEAD <i>APP DEVELOPER.</i></p>
  97.                         <p>LEAD <i>WEBSITE DESIGNER</i></p>
  98.                         <p>LEAD <i>WEB DEVELOPER</i></p>
  99.                     </div>
  100.                 <span id="typed" style="white-space:pre;">LEAD <i>WEB DEVELOPER</i></span><span class="typed-cursor">|</span>
  101.                 <p class="banner-p-w3ls">I Have Made Many Apps And Websites For My Clients And Many Own Projects.</p>
  102.             </div>
  103.             <div class="w3_agileits_social_media">
  104.                 <ul>
  105.                     <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  106.                     <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  107.                     <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
  108.                     <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_behance"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
  109.                 </ul>
  110.             </div>
  111.             <div class="banner-image-w3layouts">
  112.                 <img src="images/men.png" alt=" " class="img-responsive">
  113.             </div>
  114.     </div>
  115. <!-- //banner -->
  116. <!-- about -->
  117. <div class="about" id="about">
  118.     <div class="col-md-6 about-left-w3ls">
  119.         <h5>Follow <br>me on <br><span>Facebook</span><i class="fa fa-facebook" aria-hidden="true"></i></h5>
  120.     </div>
  121.         <div class="col-md-6 person-info-agileits-w3layouts">
  122.         <h3 class="w3_head w3_head1">About Me <span>I am Usman Tareen</span></h3>
  123.         <p><span>Hi!, Iam Usman Tareen </span>I Love Making Websites, Apps Softwares like Online Doctor Booking, Hotel Management, Shop Management, Hospital Managemnt, School Managemnt Softwares Etc</p>
  124.             <ul>
  125.                 <li><span>Name</span>: Usman Tareen</li>
  126.                 <li><span>Age</span>: 17 Years</li>
  127.                 <li><span>Experience</span>: +2 Years</li>
  128.                 <li><span>Email</span>: <a href="mailto:work@usmantareen.ga">work@usmantareen.ga</a></li>
  129.                 <li><span>Phone</span>: (91) 7298963281 </li>
  130.                 <li><span>Website</span>: <a href="#">www.usmantareen.ga</a></li>
  131.                 <li><span>Address</span>: Srinagar Jammu And Kashmir</li>
  132.                
  133.             </ul>
  134.         </div>
  135.     <div class="clearfix"></div>
  136. </div>
  137. <!-- //about-bottom -->
  138.  
  139.            
  140. <!-- mid -->
  141. <section class="mid-w3layouts">
  142.     <div class="container">
  143.         <h6>I am Working As a Lead Developer At Chemical Crew Studios But I am Available for Freelance Projects.</h6>
  144.         <h3>Let's <span>work</span> together indeed!</h3>
  145.         <a href="#contact" class="scroll">Hire Me !</a>
  146.     </div>
  147. </section>
  148. <!-- //mid -->
  149. <!--skills -->
  150. <div class="skills-agileinfo" id="skills">
  151.     <div class="container">
  152.         <h3 class="w3_head w3_head1 white-agile">My Skills <span>My special expertise</span></h3>
  153.                 <div class="modal-spa">
  154.                     <div class="skills">
  155.                         <div class="col-md-6 bar-grids bargrids-left">
  156.                             <h4><span class="glyphicon glyphicon-cog"></span> Technical Skills </h4>
  157.                             <h6>Web design  <span> 97% </span></h6>
  158.                             <div class="progress">
  159.                                 <div class="progress-bar progress-bar-striped active" style="width: 97%">
  160.                                 </div>
  161.                             </div>
  162.                             <h6>Ui design &amp; developer <span> 80% </span></h6>
  163.                             <div class="progress  w3-agile">
  164.                                 <div class="progress-bar progress-bar-striped active" style="width: 80%">
  165.                                 </div>
  166.                             </div>
  167.                             <h6>Javascript<span>95% </span></h6>
  168.                             <div class="progress  w3-agile">
  169.                                 <div class="progress-bar progress-bar-striped active" style="width: 95%">
  170.                                 </div>
  171.                             </div>
  172.                             <h6>Photoshop <span> 65% </span></h6>
  173.                             <div class="progress  w3-agile prgs-w3agile-last">
  174.                                 <div class="progress-bar progress-bar-striped active" style="width: 65%">
  175.                                 </div>
  176.                             </div>
  177.                         </div>
  178.                         <div class="col-md-6 bar-grids  w3-agile">
  179.                             <h4><span class="glyphicon glyphicon-briefcase"></span> Professional Skills </h4>
  180.                             <h6>Communication<span> 92% </span></h6>
  181.                             <div class="progress">
  182.                                 <div class="progress-bar progress-bar-striped active" style="width: 92%">
  183.                                 </div>
  184.                             </div>
  185.                             <h6>Social Media marketing<span> 72% </span></h6>
  186.                             <div class="progress">
  187.                                 <div class="progress-bar progress-bar-striped active" style="width: 72%">
  188.                                 </div>
  189.                             </div>
  190.                             <h6>Leadership<span>88% </span></h6>
  191.                             <div class="progress">
  192.                                 <div class="progress-bar progress-bar-striped active" style="width: 88%">
  193.                                 </div>
  194.                             </div>
  195.                             <h6>Confidence<span>86% </span></h6>
  196.                             <div class="progress prgs-w3agile-last">
  197.                                 <div class="progress-bar progress-bar-striped active" style="width: 94%">
  198.                                 </div>
  199.                             </div>
  200.                         </div>
  201.                         <div class="clearfix"> </div>  
  202.                     </div>
  203.                 </div>
  204.         </div>
  205. </div>
  206. <!-- //skills -->
  207. <!-- experiences -->
  208. <!-- services -->
  209.     <div class="services" id="classes">
  210.         <div class="container">
  211.             <h3 class="w3_head w3_head1">My Services <span>What I can do for you</span></h3>
  212.         </div>
  213.         <div class="agileits_services_grids_bottom">
  214.             <div class="container">
  215.                 <div class="col-md-4 agileits_service_grid_btm_left">
  216.                     <div class="agileits_service_grid_btm_left1">
  217.                         <div class="agileits_service_grid_btm_left2">
  218.                             <i class="fa fa-desktop" aria-hidden="true"></i>
  219.                             <h5>Web development</h5>
  220.                             <p>I Can Make Any Type Of Website For You.</p>
  221.                         </div>
  222.                         <img src="images/4.jpg" alt=" " class="img-responsive">
  223.                     </div>
  224.                 </div>
  225.                 <div class="col-md-4 agileits_service_grid_btm_left">
  226.                     <div class="agileits_service_grid_btm_left1">
  227.                         <div class="agileits_service_grid_btm_left2">
  228.                             <i class="fa fa-camera-retro" aria-hidden="true"></i>
  229.                             <h5>App Development</h5>
  230.                             <p>With The Help My Team We Can Develop Any Type of App For U.</p>
  231.                         </div>
  232.                         <img src="images/5.jpg" alt=" " class="img-responsive">
  233.                     </div>
  234.                 </div>
  235.                 <div class="col-md-4 agileits_service_grid_btm_left">
  236.                     <div class="agileits_service_grid_btm_left1">
  237.                         <div class="agileits_service_grid_btm_left2">
  238.                             <i class="fa fa-apple" aria-hidden="true"></i>
  239.                             <h5>Online Software Development</h5>
  240.                             <p>Online Softwares Like Billing, Booking, Erp, Collage, School Etc Can Be Made For You.</p>
  241.                         </div>
  242.                         <img src="images/6.jpg" alt=" " class="img-responsive">
  243.                     </div>
  244.                 </div>
  245.                 <div class="clearfix"> </div>
  246.             </div>
  247.         </div>
  248.     </div>
  249. <!-- //services -->
  250.  <!-- gallery -->
  251. <div class="gallery_wthree" id="gallery">
  252.  <div class="container">
  253.       <h3 class="w3_head w3_head1">My Projects <span>My latest work</span></h3>
  254.       <div class="gallery_grid agileits_w3layouts">
  255.         <div class="col-md-6  col-sm-6 col-xs-6 grid_w3">
  256.             <div class="grid-1">
  257.                 <a class="cm-overlay" href="images/gg1.jpg">
  258.                     <img src="images/gg1.jpg" alt=" " class="img-responsive">
  259.                      <div class="w3agile-text w3agile-text-smal1">
  260.                         <h5>Kashmir News Files <p>www.kashmirnewsfiles.com</p></h5>
  261.                        
  262.                     </div>
  263.                 </a>
  264.             </div>
  265.              <div class="sub_grid gallery_w3l">
  266.                    <div class="col-md-6 col-sm-6 col-xs-6 grid-1 grid-c grid_w3l">
  267.                         <a class="cm-overlay" href="images/gg2.jpg">
  268.                             <img src="images/gg2.jpg" alt=" " class="img-responsive">
  269.                             <div class="w3agile-text w3agile-text-small full-height-w3">
  270.                                 <h5>Kashmir Web <p>www.kashmirweb.online</p></h5>
  271.                             </div>
  272.                         </a>
  273.                     </div>
  274.                    <div class="col-md-6 col-sm-6 col-xs-6 grid-1 grid-b grid_w3l">
  275.                         <a class="cm-overlay" href="images/gg3.jpg">
  276.                             <img src="images/gg3.jpg" alt=" " class="img-responsive">
  277.                             <div class="w3agile-text w3agile-text-smal1 full-height-w3">
  278.                                 <h5>Craft World <p>www.craftworld.store</p></h5>
  279.                             </div>
  280.                         </a>
  281.                     </div>
  282.                    <div class="clearfix"></div>
  283.              </div>  
  284.         </div>
  285.         <div class="col-md-6 col-sm-6 col-xs-6 grid_w3">
  286.            <div class="sub_grid">
  287.                <div class="col-md-6 col-sm-6 col-xs-6 grid-1 grid-c grid_w3l">
  288.                     <a class="cm-overlay" href="images/gg4.jpg">
  289.                         <img src="images/gg4.jpg" alt=" " class="img-responsive">
  290.                         <div class="w3agile-text w3agile-text-small full-height-w3">
  291.                             <h5>Legal Drug Finder <p>www.legaldrugfinder.asia</p></h5>
  292.                         </div>
  293.                     </a>
  294.                </div>
  295.                <div class="col-md-6 col-sm-6 col-xs-6 grid-1 grid-d grid_w3l">
  296.                     <a class="cm-overlay" href="images/gg5.jpg">
  297.                         <img src="images/gg5.jpg" alt=" " class="img-responsive">
  298.                         <div class="w3agile-text w3agile-text-smal1 full-height-w3">
  299.                             <h5>The Voice Of Ummah <p>www.thevoiceofummah.org</p></h5>
  300.                         </div>
  301.                     </a>
  302.                 </div>
  303.                  <div class="clearfix"></div>
  304.                </div>
  305.             <div class="grid-1 grid-2">
  306.                 <a class="cm-overlay" href="images/gg6.jpg">
  307.                     <img src="images/gg6.jpg" alt=" " class="img-responsive">
  308.                     <div class="w3agile-text w3agile-text-smal1">
  309.                             <h5>Shri Radha Dental Clinic <p>www.sriradhakrishnahamultispecialitydentalclinic.com</p></h5>
  310.                     </div>
  311.                 </a>
  312.             </div>
  313.            <div class="clearfix"></div>
  314.         </div>
  315.         <div class="clearfix"></div>
  316.       </div>   
  317. </div>
  318. </div>
  319. <!-- //gallery -->
  320.  
  321. <!--footer-->
  322. <div class="contact" id="contact">
  323.     <h3 class="w3_head w3_head1">Contact Me <span><br><h2>Call 7298963281</h2></span></h3>
  324.    
  325. <div class="contact-info">
  326.  <div class="container">
  327.     <div class="col-md-4 contact-grids">
  328.         <h5>Find me</h5>
  329.         <div class="w3_agileits_social_media-footer">
  330.             <ul>
  331.                 <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  332.                 <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  333.                 <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
  334.                 <li><a href="https://www.facebook.com/usman.tareen73" class="wthree_behance"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
  335.             </ul>
  336.         </div>
  337.     </div>
  338.     <div class="col-md-4 contact-grids contact-mid">
  339.         <h5>Contact Info</h5>
  340.         <ul>
  341.             <li><i class="fa fa-phone" aria-hidden="true"></i>(91) 7298963281</li>
  342.             <li><i class="fa fa-map-marker" aria-hidden="true"></i>Srinagar Jammu And Kashmir</li>
  343.             <li><i class="fa fa-envelope-o" aria-hidden="true"></i><a href="mailto:work@usmantareen.ga">work@usmantareen.ga</a></li>
  344.             <li><i class="fa fa-envelope-o" aria-hidden="true"></i><a href="mailto:usmantaree17@gmail.com">usmantaree17@gmail.com</a></li>
  345.         </ul>
  346.     </div>
  347.     <div class="col-md-4 contact-grids">
  348.         <h5>My Clients</h5>
  349.         <div class="callbacks_container">
  350.                 <ul class="rslides callbacks callbacks1" id="slider3">
  351.                     <li id="callbacks1_s0" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out 0s;" class="">
  352.                         <i class="fa fa-twitter" aria-hidden="true"></i>He Is Really A Good Website Designer<a href="#" class="mail">
  353.                         www.kashmirnewsfiles.com</a> <span>Niyaz Elahi</span>
  354.                     </li>
  355.                     <li id="callbacks1_s1" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out 0s;" class="">
  356.                         <i class="fa fa-twitter" aria-hidden="true"></i>Nice Work Keep It Up. May Allah Bless You.<a href="#" class="mail">
  357.                         www.thevoiceofummah.org</a> <span>Mohamammd Shakir</span>
  358.                     </li>
  359.                     <li id="callbacks1_s2" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out 0s;" class="callbacks1_on">
  360.                         <i class="fa fa-twitter" aria-hidden="true"></i>Need A Little Bit To Improve In Photoshop. Else Everything Is Nice. <a href="#" class="mail">
  361.                         www.sriradhakrishnahamultispecialitydentalclinic.com</a> <span>Dr Rajinder Prasad</span>
  362.                     </li>
  363.                 </ul><a href="#" class="callbacks_nav callbacks1_nav prev">Previous</a><a href="#" class="callbacks_nav callbacks1_nav next">Next</a>
  364.             </div> 
  365.     </div>
  366.     <div class="clearfix"></div>
  367. </div>
  368. </div>
  369. <div class="copy-w3-agile">
  370.     <p>Copyright 2017 Usman Tareen. All Rights Reserved | Design By <a href="#">Usman Tareen</a></p>   
  371. </div>
  372. <!--//footer-->
  373.  
  374. <!-- js -->
  375. <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  376.  
  377.  
  378. <!-- Navigation-JavaScript -->
  379. <!-- menu -->
  380. <script>
  381.     $(document).ready(function () {
  382.       $('.mobile-nav-button').on('click', function() {
  383.       $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(1)" ).toggleClass( "mobile-nav-button__line--1");
  384.       $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(2)" ).toggleClass( "mobile-nav-button__line--2");  
  385.       $( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(3)" ).toggleClass( "mobile-nav-button__line--3");  
  386.      
  387.       $('.mobile-menu').toggleClass('mobile-menu--open');
  388.       return false;
  389.     });
  390.     });
  391. </script>
  392. <!-- //menu -->
  393. <!-- Gallery-plugin -->
  394. <script src="js/jquery.mobile.custom.min.js"></script>
  395. <script src="js/jquery.cm-overlay.js"></script>
  396.         <script>
  397.             $(document).ready(function(){
  398.                 $('.cm-overlay').cmOverlay();
  399.             });
  400.         </script>
  401. <!-- //Gallery-plugin -->
  402. <!-- responsiveslides -->
  403. <script src="js/responsiveslides.min.js"></script>
  404.             <script>
  405.                                     // You can also use "$(window).load(function() {"
  406.                                     $(function () {
  407.                                      // Slideshow 4
  408.                                     $("#slider3").responsiveSlides({
  409.                                         auto: true,
  410.                                         pager: false,
  411.                                         nav: true,
  412.                                         speed: 500,
  413.                                         namespace: "callbacks",
  414.                                         before: function () {
  415.                                     $('.events').append("<li>before event fired.</li>");
  416.                                     },
  417.                                     after: function () {
  418.                                         $('.events').append("<li>after event fired.</li>");
  419.                                         }
  420.                                         });
  421.                                         });
  422.             </script>
  423. <!-- //responsiveslides -->
  424.  
  425.     <!-- //Navigation-JavaScript -->
  426. <!--pop-up-box -->
  427.                     <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
  428.                     <script>
  429.                     $(document).ready(function() {
  430.                     $('.popup-with-zoom-anim').magnificPopup({
  431.                     type: 'inline',
  432.                     fixedContentPos: false,
  433.                     fixedBgPos: true,
  434.                     overflowY: 'auto',
  435.                     closeBtnInside: true,
  436.                     preloader: false,
  437.                     midClick: true,
  438.                     removalDelay: 300,
  439.                     mainClass: 'my-mfp-zoom-in'
  440.                     });
  441.  
  442.                     });
  443.                     </script>
  444. <!-- //pop-up-box -->
  445.  
  446. <!-- banner-type-text -->
  447.     <script src="js/typed.js" type="text/javascript"></script>
  448.     <script>
  449.         $(function(){
  450.  
  451.             $("#typed").typed({
  452.                 // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
  453.                 stringsElement: $('#typed-strings'),
  454.                 typeSpeed: 30,
  455.                 backDelay: 500,
  456.                 loop: false,
  457.                 contentType: 'html', // or text
  458.                 // defaults to false for infinite loop
  459.                 loopCount: false,
  460.                 callback: function(){ foo(); },
  461.                 resetCallback: function() { newTyped(); }
  462.             });
  463.  
  464.             $(".reset").click(function(){
  465.                 $("#typed").typed('reset');
  466.             });
  467.  
  468.         });
  469.  
  470.         function newTyped(){ /* A new typed object */ }
  471.  
  472.         function foo(){ console.log("Callback"); }
  473.     </script>
  474. <!-- //banner-type-text -->
  475. <!-- jarallax-js -->
  476.             <script src="js/SmoothScroll.min.js"></script>
  477. <!-- start-smoth-scrolling -->
  478. <script type="text/javascript" src="js/move-top.js"></script>
  479. <script type="text/javascript" src="js/easing.js"></script>
  480. <script type="text/javascript">
  481.     jQuery(document).ready(function($) {
  482.         $(".scroll").click(function(event){    
  483.             event.preventDefault();
  484.             $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
  485.         });
  486.     });
  487. </script>
  488. <!-- start-smoth-scrolling -->
  489.     <!-- smooth scrolling -->
  490.     <script type="text/javascript">
  491.         $(document).ready(function() {
  492.         /*
  493.             var defaults = {
  494.             containerID: 'toTop', // fading element id
  495.             containerHoverID: 'toTopHover', // fading element hover id
  496.             scrollSpeed: 1200,
  497.             easingType: 'linear'
  498.             };
  499.         */                             
  500.         $().UItoTop({ easingType: 'easeOutQuart' });
  501.         });
  502.     </script>
  503.    
  504.     <div class="arr-w3ls">
  505.     <a href="#home" id="toTop" style="display: none;"><span id="toTopHover" style="opacity: 0;"></span> <span id="toTopHover" style="opacity: 1;"> </span></a>
  506.     </div>
  507. <!-- //smooth scrolling -->
  508.  
  509.  
  510. <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
  511.  
  512.  
  513.  
  514. </div><a href="#" id="toTop">To Top</a></body></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!