API tools faq
paste
Advertisement
Lledya

Untitled

Lledya
Oct 17th, 2019
1,559
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.92 KB | None | 0 0
raw download clone embed print report
  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>
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!