SHARE
TWEET

Untitled

Lledya Oct 17th, 2019 233 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!doctype html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
  7.     <title>eStrix - Web Developments</title>
  8.     <link rel="stylesheet" href="css/bootstrap.min.css">
  9.     <link rel="stylesheet" href="css/font-awesome.min.css">
  10.     <link rel="stylesheet" href="css/simple-line-icons.css">
  11.     <link rel="stylesheet" href="css/animate.css">
  12.     <link rel="stylesheet" href="css/templatemo_style.css">
  13. </head>
  14. <body>
  15.     <header class="site-header container animated fadeInDown">
  16.         <div class="header-wrapper">
  17.             <div class="row">
  18.                 <div class="col-md-4">
  19.                     <div class="site-branding">
  20.                         <a href="#"><h1>ESTRIX - Web Developments</h1></a>
  21.                     </div>
  22.                 </div>
  23.                 <a href="#" class="toggle-nav hidden-md hidden-lg">
  24.                     <i class="fa fa-bars"></i>
  25.                 </a>
  26.                 <div class="col-md-8">
  27.                     <nav id="nav" class="main-navigation hidden-xs hidden-sm">
  28.                         <ul class="main-menu">
  29.                             <li><a class="show-1 active homebutton" href="#">Home</a></li>
  30.                             <li><a class="show-2 aboutbutton" href="#">About Us</a></li>
  31.                             <li><a class="show-3 projectbutton" href="#">Projects</a></li>
  32.                             <li><a class="show-4 blogbutton" href="#">Services</a></li>
  33.                             <li><a class="show-5 contactbutton" href="#">Contact</a></li>
  34.                         </ul>
  35.                     </nav>
  36.                     <nav class="main-navigation menu-responsive hidden-md hidden-lg">
  37.                         <ul class="main-menu">
  38.                             <li><a class="show-1 active homebutton" href="#">Home</a></li>
  39.                             <li><a class="show-2 aboutbutton" href="#">About Us</a></li>
  40.                             <li><a class="show-3 projectbutton" href="#">Projects</a></li>
  41.                             <li><a class="show-4 blogbutton" href="#">Services</a></li>
  42.                             <li><a class="show-5 contactbutton" href="#">Contact</a></li>
  43.                         </ul>
  44.                     </nav>
  45.                 </div>
  46.             </div>
  47.         </div>
  48.     </header>
  49.  
  50.    
  51.     <div id="menu-container">
  52.         <div id="menu-1" class="homepage home-section container">
  53.             <div class="home-intro text-center">
  54.                 <h2 class="welcome-title animated fadeInLeft">Introduction</h2>
  55.                 <p class="animated fadeInRight">We are Web Development company,we make,we create,we are the future in th Web</p>
  56.                 <ul class="list-icons animated fadeInUp">
  57.                 <!--    <li><i class="icon-trophy"></i></li>
  58.                     <li><i class="icon-badge"></i></li>
  59.                     <li><i class="icon-magic-wand"></i></li>
  60.                     <li><i class="icon-screen-desktop"></i></li>-->
  61.                 </ul>
  62.             </div>
  63.             <div class="home-projects">
  64.                 <div class="row">
  65.                     <div class="col-md-6 col-sm-12">
  66.                         <div class="project-title animated fadeInUp">
  67.                             <h2>Latest Projects</h2>
  68.                             <p>Customers latest projects</p>
  69.                         </div>
  70.                     </div>
  71.                     <div class="project-home-holder col-md-6 col-sm-12">
  72.                         <div class="row">
  73.                             <div class="col-md-6 col-sm-6">
  74.                                 <div class="project-item one animated fadeInRight">
  75.                                     <img src="img/1.png" alt="">
  76.                                     <div class="overlay">
  77.                                         <h4><a href="#">Project One</a></h4>
  78.                                     </div>
  79.                                 </div>
  80.                             </div>
  81.                             <div class="col-md-6 col-sm-6">
  82.                                 <div class="project-item two animated fadeInRight">
  83.                                     <img src="img/1.png" alt="">
  84.                                     <div class="overlay">
  85.                                         <h4><a href="#">Project Two</a></h4>
  86.                                     </div>
  87.                                 </div>
  88.                             </div>
  89.                             <div class="col-md-6 col-sm-6">
  90.                                 <div class="project-item three animated fadeInRight">
  91.                                     <img src="img/1.png" alt="">
  92.                                     <div class="overlay">
  93.                                         <h4><a href="#">Project Three</a></h4>
  94.                                     </div>
  95.                                 </div>
  96.                             </div>
  97.                             <div class="col-md-6 col-sm-6">
  98.                                 <div class="project-item four animated fadeInRight">
  99.                                     <img src="img/1.png" alt="">
  100.                                     <div class="overlay">
  101.                                         <h4><a href="#">Project Four</a></h4>
  102.                                     </div>
  103.                                 </div>
  104.                             </div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.  
  111.         <div id="menu-2" class="content about-section container">
  112.             <div class="our-story">
  113.                 <div class="story-bg animated fadeIn"></div>
  114.                 <div class="row">
  115.                     <div class="col-md-6 col-md-offset-3">
  116.                         <div class="inner-story animated fadeInRight text-center">
  117.                             <h2>ABOUT US</h2>
  118.                             <p>blqblq blq blq</p>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.            
  124.         </div>
  125.  
  126.         <div id="menu-3" class="content project-section container">
  127.             <div class="projects-header">
  128.                 <h2 class="animated fadeInRight">Our projects</h2>
  129.             </div>
  130.         <!--    ///////////////////Projects Here//////////////// -->
  131.             <div class="projects-holder">      
  132.                 <div class="row">
  133.                     <div class="col-md-4 col-sm-6 p-1 animated umScaleIn">
  134.                         <div class="project-item">
  135.                             <img src="img/1.png" alt="">
  136.                             <div class="overlay">
  137.                                 <h4><a href="#">Project One</a></h4>
  138.                             </div>
  139.                         </div>
  140.                     </div>
  141.                     <div class="col-md-4 col-sm-6 p-2 animated umScaleIn">
  142.                         <div class="project-item">
  143.                             <img src="img/1.png" alt="">
  144.                             <div class="overlay">
  145.                                 <h4><a href="#">Project Two</a></h4>
  146.                             </div>
  147.                         </div>
  148.                     </div>
  149.                     <div class="col-md-4 col-sm-6 p-3 animated umScaleIn">
  150.                         <div class="project-item">
  151.                             <img src="img/1.png" alt="">
  152.                             <div class="overlay">
  153.                                 <h4><a href="#">Project Three</a></h4>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                 </div>
  158.                 <div class="row">
  159.                     <div class="col-md-3 col-sm-6 p-4 animated umScaleIn">
  160.                         <div class="project-item animated umScaleIn">
  161.                             <img src="img/1.png" alt="">
  162.                             <div class="overlay">
  163.                                 <h4><a href="#">Project Four</a></h4>
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                     <div class="col-md-3 col-sm-6">
  168.                         <div class="project-item p-5 animated umScaleIn">
  169.                             <img src="img/1.png" alt="">
  170.                             <div class="overlay">
  171.                                 <h4><a href="#">Project Five</a></h4>
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                     <div class="col-md-3 col-sm-6">
  176.                         <div class="project-item p-6 animated umScaleIn">
  177.                             <img src="img/1.png" alt="">
  178.                             <div class="overlay">
  179.                                 <h4><a href="#">Project Six</a></h4>
  180.                             </div>
  181.                         </div>
  182.                     </div>
  183.                     <div class="col-md-3 col-sm-6">
  184.                         <div class="project-item p-7 animated umScaleIn">
  185.                             <img src="img/1.png" alt="">
  186.                             <div class="overlay">
  187.                                 <h4><a href="#">Project Seven</a></h4>
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                 </div>
  192.             </div>
  193.         </div>
  194.  
  195.         <div id="menu-4" class="content blog-section container">
  196.             <div class="blog-header text-center">
  197.                 <h2 class="animated fadeInRight">Services</h2>
  198.                 <h3 class="animated fadeInRight" style="color:cyan">Marketing and Communications</h3>
  199.                     <ul style="list-style-type:none;">
  200.                         <li>Overall Digital Marketing Strategy</li>
  201.                         <li>Lead Generation and Research</li>
  202.                         <li>Brand Look, Feel and Message</li>
  203.                         <li>Branding Guideline and Color Plette</li>
  204.                         <li>Brand Logo Design</li>
  205.                         <h3 class="animated fadeInRight" style="color:cyan">Digital Marketing</h3>
  206.                         <li>Social Media Marketing Strategy</li>
  207.                         <li>Search Engine Optimization</li>
  208.                         <li>Blog and Web Content</li>
  209.                         <li>Landing Pages and Sales Funnels</li>
  210.                         <li>Content Developments</li>
  211.                         <li>Analytics (Website and Apps)</li>
  212.                         <li>Advertising (AdWords, Facebook, etc.)</li>
  213.                         <h3 class="animated fadeInRight" style="color:cyan">Web Development</h3>
  214.                         <li>UI/UX Design</li>
  215.                         <li>Content Research and Development</li>
  216.                         <li>Website Development / E-commerce Development</li>
  217.                         <li>Beta Testing and QC</li>
  218.                         <li>Optimization</li>
  219.                         <li>Maintenance (Updates)</li>
  220.                         <li>Security (Backup, Scanning, Restoration)</li>
  221.                         <h3 class="animated fadeInRight" style="color:cyan">Web App</h3>
  222.                         <li>UI/UX Design</li>
  223.                         <li>Content Research and Development</li>
  224.                         <li>Web App Development (code)</li>
  225.                         <li>Beta Testing and QC</li>
  226.                         <li>Optimization (CDN, Sitemap)</li>
  227.                         <li>Maintenance (Updates)</li>
  228.                         <li>Security (Backup, Scanning, Restoration)</li>
  229.                         <h3 class="animated fadeInRight" style="color:cyan">Virtual Assistance/Administrative Assistance Services</h3>
  230.                         <li>Answering incoming calls; taking messages and re-directing calls as required</li>
  231.                         <li>Dealing with email enquiries</li>
  232.                         <li>Taking minutes</li>
  233.                         <li>Diary management and arranging appointments, booking meeting rooms and conference facilities</li>
  234.                         <li>Data entry (sales figures, property listings, etc.)</li>
  235.                         <li>General office management such as ordering stationary</li>
  236.                         <li>Organising travel and accommodation for staff and customers</li>
  237.                         <li>Possibly maintaining the company social media accounts</li>
  238.                         <li>Providing administration support to Sales Reps, Property Managers and Senior Management</li>
  239.                     </ul>
  240.             </div>
  241.             </div>
  242.         </div>
  243.  
  244.         <div id="menu-5" class="content contact-section container">
  245.             <div class="contact-header text-center">
  246.                 <h2 class="animated fadeInLeft">Get in Touch</h2>
  247.                 <p class="animated fadeInRight">Feel free to talk to us about anything.</p>
  248.                 <ul class="contact-social animated fadeInUp">
  249.                     <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  250.                     <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  251.                     <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  252.                     <li><a href="#"><i class="fa fa-share-alt"></i></a></li>
  253.                 </ul>
  254.             </div>
  255.             <div class="contact-holder">
  256.                 <div class="row">
  257.                     <div class="col-md-6 col-sm-12">
  258.                         <div class="googlemap-wrapper animated fadeInLeft">
  259.                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d620.7269644406313!2d-0.12409357073396687!3d51.51490643331152!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604ccaaa0b0b7%3A0xbe144a0754857ae1!2s71-75%20Shelton%20St%2C%20London%20WC2H%209JQ!5e0!3m2!1sen!2suk!4v1570962585481!5m2!1sen!2suk" width="540" height="580" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
  260.                         </div>
  261.                     </div>
  262.                     <div class="col-md-6 col-sm-12">
  263.                         <div class="contact-form animated fadeInUp">
  264.                             <h4>Send us a Message</h4>
  265.                             <div class="row">
  266.                                 <fieldset class="col-md-6">
  267.                                     <input type="text" name="name" placeholder="Your name">
  268.                                 </fieldset>
  269.                                 <fieldset class="col-md-6">
  270.                                     <input type="email" name="email" placeholder="Your name">
  271.                                 </fieldset>
  272.                                 <fieldset class="col-md-12">
  273.                                     <input type="text" name="subject" placeholder="Subject">
  274.                                 </fieldset>
  275.                                 <fieldset class="col-md-12">
  276.                                     <textarea name="message" id="message" cols="30" rows="10" placeholder="Describe your Project"></textarea>
  277.                                 </fieldset>
  278.                                 <fieldset class="col-md-12">
  279.                                     <a href="#" class="message-button">Submit Message</a>
  280.                                 </fieldset>
  281.                             </div>
  282.                         </div>
  283.                     </div>
  284.                 </div>
  285.             </div>
  286.         </div>
  287.     <footer class="site-footer container text-center">
  288.         <div class="row">
  289.             <div class="col-md-12">
  290.                 <div class="main-footer">
  291.                     <ul class="social">
  292.                         <li><a href="#">Facebook</a></li>
  293.                         <li><a href="#">Twitter</a></li>
  294.                         <li><a href="#">Instagram</a></li>
  295.                     </ul>
  296.                 </div>
  297.             </div>
  298.         </div>
  299.         <div class="row">
  300.             <div class="col-md-12 copyright">
  301.                 <p>Copyright &copy; 2019 <a href="#">ESTRIX Ltd.</a></p> <p> Registered in <a href="https://beta.companieshouse.gov.uk/company/12246518" target="_blank">Company House</a> with number: 12246518</p>
  302.                 <p><a href="/doc/terms-and-conditions.pdf" target="_blank">Terms and Conditions</a></p>
  303.                 <p><a href="/doc/privacy-policy.pdf" target="_blank">Privacy Policy</a></p>
  304.             </div>
  305.            
  306.         </div>
  307.     </footer>
  308.     <!-- templatemo 421 raleway -->
  309.     <span class="border-top"></span>
  310.     <span class="border-left"></span>
  311.     <span class="border-right"></span>
  312.     <span class="border-bottom"></span>
  313.     <span class="shape-1"></span>
  314.     <span class="shape-2"></span>
  315.  
  316.     <script src="js/jquery.min.js"></script>
  317.     <script src="js/templatemo_custom.js"></script>
  318. </body>
  319. </html>
RAW Paste Data
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
 
Top