Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: PHP
Posted by: Misbakh ahmed
Added: Jul 25, 2018 12:32 PM
Views: 10
Tags: no tags
  1. <?php include 'ps/server.php'; ?>
  2. <?php include 'ps/cardinhometo.php'; ?>
  3. <!DOCTYPE html>
  4. <html lang="en">
  5.  
  6.   <head>
  7.  
  8.     <meta charset="utf-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.     <meta name="description" content="Almisbah techanical solution">
  11.     <meta name="author" content="Misbakh Ahmed">
  12.  
  13.     <title>Almisbah - Technical solution</title>
  14.  
  15.     <!-- Bootstrap core CSS -->
  16.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  17.     <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  18.  
  19.     <!-- Custom styles for this template -->
  20.     <link href="css/modern-business.css" rel="stylesheet">
  21.  
  22.   </head>
  23.  
  24.   <body>
  25.  
  26.     <!-- Navigation -->
  27.     <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
  28.       <div class="container">
  29.         <a class="navbar-brand" href="index.html">Almisbah</a>
  30.         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  31.           <span class="navbar-toggler-icon"></span>
  32.         </button>
  33.         <div class="collapse navbar-collapse" id="navbarResponsive">
  34.           <ul class="navbar-nav ml-auto">
  35.             <li class="nav-item">
  36.               <a class="nav-link" href="about.html">About</a>
  37.             </li>
  38.             <li class="nav-item">
  39.               <a class="nav-link" href="services.html">Services</a>
  40.             </li>
  41.             <li class="nav-item">
  42.               <a class="nav-link" href="contact.html">Contact</a>
  43.             </li>
  44.             <li class="nav-item dropdown">
  45.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  46.                 Portfolio
  47.               </a>
  48.               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
  49.                 <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
  50.                 <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
  51.                 <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
  52.                 <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
  53.                 <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
  54.               </div>
  55.             </li>
  56.             <li class="nav-item dropdown">
  57.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  58.                 Blog
  59.               </a>
  60.               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
  61.                 <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
  62.                 <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
  63.                 <a class="dropdown-item" href="blog-post.html">Blog Post</a>
  64.               </div>
  65.             </li>
  66.             <li class="nav-item dropdown">
  67.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  68.                 Other Pages
  69.               </a>
  70.               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
  71.                 <a class="dropdown-item" href="full-width.html">Full Width Page</a>
  72.                 <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
  73.                 <a class="dropdown-item" href="faq.html">FAQ</a>
  74.                 <a class="dropdown-item" href="404.html">404</a>
  75.                 <a class="dropdown-item" href="pricing.html">Pricing Table</a>
  76.               </div>
  77.             </li>
  78.           </ul>
  79.         </div>
  80.       </div>
  81.     </nav>
  82.  
  83.     <header>
  84.       <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  85.         <ol class="carousel-indicators">
  86.           <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  87.           <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  88.           <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  89.         </ol>
  90.         <div class="carousel-inner" role="listbox">
  91.           <!-- Slide One - Set the background image for this slide in the line below -->
  92.           <div class="carousel-item active" style="background-image: url('img/h4.jpg')">
  93.             <div class="carousel-caption d-none d-md-block">
  94.               <h3>IT solution</h3>
  95.               <p>Here you can explore Information Technology.</p>
  96.             </div>
  97.           </div>
  98.           <!-- Slide Two - Set the background image for this slide in the line below -->
  99.           <div class="carousel-item" style="background-image: url('img/h2.jpg')">
  100.             <div class="carousel-caption d-none d-md-block">
  101.               <h3>Technology Programing</h3>
  102.               <p>If someone wants to become a programmer here is the best way.</p>
  103.             </div>
  104.           </div>
  105.           <!-- Slide Three - Set the background image for this slide in the line below -->
  106.           <div class="carousel-item" style="background-image: url('img/h3.jpg')">
  107.             <div class="carousel-caption d-none d-md-block">
  108.               <h3>Technical solution</h3>
  109.               <p>Here some Technical solutions of your problems.</p>
  110.             </div>
  111.           </div>
  112.         </div>
  113.         <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  114.           <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  115.           <span class="sr-only">Previous</span>
  116.         </a>
  117.         <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  118.           <span class="carousel-control-next-icon" aria-hidden="true"></span>
  119.           <span class="sr-only">Next</span>
  120.         </a>
  121.       </div>
  122.     </header>
  123.  
  124.     <!-- Page Content -->
  125.     <div class="container">
  126.  
  127.       <h1 class="my-4">Welcome to Almisbah</h1>
  128.  
  129.       <!-- Marketing Icons Section -->
  130.    
  131.       <div class="row text-center">
  132.  
  133.      
  134.  
  135.         <div class="col-lg-4 col-md-6 mb-4">
  136.           <div class="card">
  137.             <img class="card-img-top" src="<?php echo $img1; ?>" alt="">
  138.             <div class="card-body">
  139.                 <h4 class="card-title"><?php echo $title1; ?></h4>
  140.                 <p class="card-text"><?php echo $body1; ?></p> </div>
  141.             <div class="card-footer">
  142.               <a href="#" class="btn btn-outline-primary">Find Out More! <i class="fa fa-arrow-circle-right"></i></a>
  143.             </div>
  144.           </div>
  145.         </div>
  146.  
  147.         <div class="col-lg-4 col-md-6 mb-4">
  148.           <div class="card">
  149.             <img class="card-img-top" src="<?php echo $img2; ?>" alt="">
  150.             <div class="card-body">
  151.               <h4 class="card-title"><?php echo $title2; ?></h4>
  152.               <p class="card-text"><?php echo $body2; ?></p></div>
  153.             <div class="card-footer">
  154.                 <a href="#" class="btn btn-outline-primary">Find Out More! <i class="fa fa-arrow-circle-right"></i></a>
  155.             </div>
  156.           </div>
  157.         </div>
  158.  
  159.         <div class="col-lg-4 col-md-6 mb-4">
  160.           <div class="card">
  161.               <img class="card-img-top" src="<?php echo $img3; ?>" alt="">
  162.             <div class="card-body">
  163.               <h4 class="card-title"><?php echo $title3; ?></h4>
  164.               <p class="card-text"><?php echo $body3; ?></p> </div>
  165.             <div class="card-footer">
  166.               <a href="#" class="btn btn-outline-primary">Find Out More! <i class="fa fa-arrow-circle-right"></i></a>
  167.             </div>
  168.           </div>
  169.         </div>
  170.  
  171.       </div>
  172.          
  173.       <!-- /.row -->
  174.  
  175.       <!-- Portfolio Section -->
  176.       <h2>Our Services</h2>
  177.  
  178.       <div class="row">
  179.         <div class="col-lg-4 col-sm-6 portfolio-item">
  180.           <div class="card h-100">
  181.             <a href="#"><img class="card-img-top" src="<?php echo $proimg1; ?>" alt=""></a>
  182.             <div class="card-body">
  183.               <h4 class="card-title">
  184.                 <a href="#"><?php echo $protitle1; ?></a>
  185.               </h4>
  186.               <p class="card-text"><?php echo $probody1; ?> </p>
  187.             </div>
  188.           </div>
  189.         </div>
  190.         <div class="col-lg-4 col-sm-6 portfolio-item">
  191.           <div class="card h-100">
  192.             <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
  193.             <div class="card-body">
  194.               <h4 class="card-title">
  195.                 <a href="#">Project Two</a>
  196.               </h4>
  197.               <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
  198.             </div>
  199.           </div>
  200.         </div>
  201.         <div class="col-lg-4 col-sm-6 portfolio-item">
  202.           <div class="card h-100">
  203.             <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
  204.             <div class="card-body">
  205.               <h4 class="card-title">
  206.                 <a href="#">Project Three</a>
  207.               </h4>
  208.               <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quisquam, error quod sed cumque, odio distinctio velit nostrum temporibus necessitatibus et facere atque iure perspiciatis mollitia recusandae vero vel quam!</p>
  209.             </div>
  210.           </div>
  211.         </div>
  212.    
  213.        
  214.        
  215.       </div>
  216.       <!-- /.row -->
  217.  
  218.       <!-- Features Section -->
  219.       <div class="row">
  220.         <div class="col-lg-6">
  221.           <h2>Modern Business Features</h2>
  222.           <p>The Modern Business template by Start Bootstrap includes:</p>
  223.           <ul>
  224.             <li>
  225.               <strong>Bootstrap v4</strong>
  226.             </li>
  227.             <li>jQuery</li>
  228.             <li>Font Awesome</li>
  229.             <li>Working contact form with validation</li>
  230.             <li>Unstyled page elements for easy customization</li>
  231.           </ul>
  232.           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, omnis doloremque non cum id reprehenderit, quisquam totam aspernatur tempora minima unde aliquid ea culpa sunt. Reiciendis quia dolorum ducimus unde.</p>
  233.         </div>
  234.         <div class="col-lg-6">
  235.           <img class="img-fluid rounded" src="http://placehold.it/700x450" alt="">
  236.         </div>
  237.       </div>
  238.       <!-- /.row -->
  239.  
  240.       <div class="row">
  241.           <div class="col-lg-5 mx-auto d-md-block">
  242.               <div class="card card-outline-primary">
  243.                   <img class="card-img-top img-thumbnail rounded-circle" src="img/misbakh.png" alt="" width="10px" height="">
  244.                   <div class="card-title">Misbakh Ahmed</div>
  245.                   <div class="card-subtitle">CEO & Designer</div>
  246.               </div>
  247.           </div>
  248.              
  249.           </div>
  250.       </div>
  251.       <hr>
  252.  
  253.       <!-- Call to Action Section -->
  254.       <div class="row mb-4">
  255.         <div class="col-md-8">
  256.           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, expedita, saepe, vero rerum deleniti beatae veniam harum neque nemo praesentium cum alias asperiores commodi.</p>
  257.         </div>
  258.         <div class="col-md-4">
  259.           <a class="btn btn-lg btn-secondary btn-block" href="#">Call to Action</a>
  260.         </div>
  261.       </div>
  262.  
  263.     </div>
  264.     <!-- /.container -->
  265.  
  266.     <!-- Footer -->
  267.     <footer class="py-5 bg-dark">
  268.       <div class="container">
  269.         <p class="m-0 text-center text-white">Copyright &copy; Almisbah 2018</p>
  270.        
  271.       </div>
  272.       <!-- /.container -->
  273.     </footer>
  274.  
  275.     <!-- Bootstrap core JavaScript -->
  276.     <script src="vendor/jquery/jquery.min.js"></script>
  277.     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  278.  
  279.   </body>
  280.  
  281. </html>
  282.