index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"    content="width=device-width, initial-scale=1.0">
<meta name="description" content="vTeam a Corporate Multipurpose Free Bootstrap Responsive template">
<meta name="author" content="webThemez.com">
<title>NVIT DevOps Team (DTeam)</title>
<link rel="favicon" href="assets/images/favicon.png">
<link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Custom styles for our template -->
<link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen" >
<link rel="stylesheet" type="text/css" href="assets/css/da-slider.css" />
<link rel="stylesheet" href="assets/css/style.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="assets/js/html5shiv.js"></script>
	<script src="assets/js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top headroom" >
  <div class="container">
    <div class="navbar-header"> 
      <!-- Button for smallest screens -->
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="vOne HTML5 template"></a> </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav pull-right">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Talents <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="caleb.html">Caleb Ogwuche</a></li>
            <li><a href="pius.html">Pius John</a></li>
            <li><a href="king.html">King David Ogbo</a></li>
            <li><a href="ugo.html">Collins Ugo</a></li>
            <li><a href="ruth.html">Ruth Idota</a></li>
            <li><a href="wale.html">Olawale Emmanuel</a></li>
            <li><a href="michael.html">Michael Emmanuel</a></li>
            <li><a href="andrew.html">Samuel Andrew</a></li>
            <li><a href="odaudu.html">Odaudu Gabriel</a></li>
            <li><a href="okpe.html">David Okpe</a></li>
	    <li><a href="new_guy.html">New Guy</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </div>
    <!--/.nav-collapse --> 
  </div>
</div>
<!-- /.navbar --> 

<!-- Header -->
<header id="head">
  <div class="container">
    <div class="banner-content">
      <div id="da-slider" class="da-slider">
        <div class="da-slide">
          <h2>Amazing Design</h2>
          <p>The Amazing free responsive website for free</p>
          <div class="da-img"></div>
        </div>
        <div class="da-slide">
          <h2>Multipurpose Theme</h2>
          <p>We user latest Bootstrap mobile first front-end framework.</p>
          <div class="da-img"></div>
        </div>
        <div class="da-slide">
          <h2>Latest Technology</h2>
          <p>HTML5/CSS3 used for structuring and presenting.</p>
          <div class="da-img"></div>
        </div> 
      </div>
    </div>
  </div>
</header>
<!-- /Header --> 

<!-- Intro -->
<section class="herotxt">
<!--<div class="container text-center sectionBox">
  <h2 >Welcome!</h2>
  <p class="text-muted"> Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies<br/>
    Sed elit imperdiet congue. Integer ultricies sed ligula eget tempus. </p>
</div>-->
  <div class="container sectionBox">
<div class="row">
                <div class="col-md-9">
                    <span>We design <strong style="color:#FFF317">"awesome"</strong> templates</span>
                    <p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
                </div>            
                <div class="col-md-3 btn-download">
                    <a href="#" class="btn-u btn-u-lg"><i class="fa fa-cloud-download"></i> Learn More..</a>
                </div>
            </div>
            </div>
</section>
<!-- /Intro--> 

<!-- Highlights - jumbotron -->
<div class="jumbotron sectionBox">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-6 highlight">
        <div class="h-caption">
          <h4><i class="fa fa-users fa-2x circle"></i>Software Automation</h4>
        </div>
        <div class="h-body">
          <p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 highlight">
        <div class="h-caption">
          <h4><i class="fa fa-bar-chart-o fa-2x circle"></i>Collaboration</h4>
        </div>
        <div class="h-body">
          <p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 highlight">
        <div class="h-caption">
          <h4><i class="fa fa-gears fa-2x circle"></i>Continuous Improvement</h4>
        </div>
        <div class="h-body">
          <p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 highlight">
        <div class="h-caption">
          <h4><i class="fa fa-file-word-o fa-2x circle"></i>CI/CD</h4>
        </div>
        <div class="h-body">
          <p>Nullam ac rhoncus sapien, non gravida purus. Alinon elit imperdiet congue. Integer ultricies sed elit imperdiet congue. Integer ultricies sed ligula eget tempus.</p>
        </div>
      </div>
    </div>
    <!-- /row  --> 
    
  </div>
</div> 
<!-- container -->
<section class="sectionBox">
<div class="container"> 
    <div class="row">         
        <div class="col-md-6">
          <div class="heading">  
            <h2>About Us</h2>
            <br/>
          </div> 
              <p>At New Vision Institute of Technology (NVIT), we believe in fostering an environment of continuous learning and development. Our instructors are highly trained and experienced professionals in their respective fields and are committed to delivering the best quality education to our students. Our state-of-the-art facilities and equipment provide students with the hands-on experience they need to succeed in their careers.

                In addition to providing training services, we offer outsourcing solutions to organizations needing high-quality tech support. Our team of experts can help you with software development, hardware engineering, and emerging technologies. Our goal is to help our clients increase operational efficiency and reduce costs while providing top-notch services.
                
                Innovation is at the heart of what we do at NVIT. Our team of experts works closely with individuals who have marketable ideas to help turn their visions into realities. We provide a platform for entrepreneurs, innovators, and businesses to collaborate and network, fostering a dynamic and innovative ecosystem.
                
                At NVIT, we are dedicated to promoting diversity, equity, and inclusion in the tech industry. Everyone should have access to quality education and training, regardless of background or experience. We aim to create a welcoming and inclusive environment where everyone feels valued and supported.
                
                We are proud that NVIT is a leading Tech training institution dedicated to helping individuals and organizations succeed in the digital age. Our focus on instruction, outsourcing, and innovation sets us apart and enables us to offer our clients a wide range of services. If you want to take your tech skills to the next level or find innovative solutions for your business, look no further than NVIT. </p>
              <blockquote class="blockquote-1">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p>
                <small>Someone famous in <cite title="Source Title">Source Title</cite></small> </blockquote>
        </div>
        <div class="col-md-6">
            <div class="blockquote-box blockquote-info clearfix">
              <div class="heading">  
                <h2>Our Services</h2>
                <br/>
              </div> 
                <div class="square pull-left">
                    <i class="fa fa-pencil-square-o fa-3x circle"></i>
                </div>
                <h4>
                    Planning</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
                    ante.
                </p>
            </div>
            <div class="blockquote-box blockquote-success clearfix">
                <div class="square pull-left">
                     <i class="fa fa-cloud-download fa-3x circle"></i>
                </div>
                <h4>
                    Website Maintenance</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
                    ante.
                </p>
            </div>
            <div class="blockquote-box blockquote-primary clearfix">
                <div class="square pull-left">
                    <i class="fa fa-university fa-3x circle"></i>
                </div>
                <h4>
                    Software Production</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a
                    ante.
                </p>
            </div>
        </div>
    </div>
</div>
</section>
<footer id="footer" class="top-space">
  <div class="footer1">
    <div class="container">
      <div class="row">
        <div class="col-md-5 panel">
          <h3 class="panel-title">Lates News</h3>
          <div class="panel-body">
            <p>At the moment, NVIT is running a training program, sponsored by World Bank. It is a scholarship programme where interested candidate learn any of the tech programmes offered by NVIT</p>
          </div>
        </div>
        <div class="col-md-4 panel contact">
          <h3 class="panel-title">
          Contact Info
          </h4>
          <div class="panel-body">
            <p>Lorem ipsum dolor amet, consectetur adipiscing ipsum dolor.</p>
            <ul>
              <li><i class="fa fa-phone"></i>1-123-345-6789</li>
              <li><a href="#"><i class="fa fa-envelope-o"></i> contact@webthemez.com</a></li>
              <li><i class="fa fa-flag"></i>123 Smith Drive, Baltimore, MD 21212</li>
            </ul>
          </div>
        </div>
        <div class="col-md-3 panel">
          <h3 class="panel-title">Follow Us</h3>
          <div class="panel-body">
            <p class="follow-me-icons"> <a href=""><i class="fa fa-twitter fa-2"></i></a> <a href=""><i class="fa fa-dribbble fa-2"></i></a> <a href=""><i class="fa fa-github fa-2"></i></a> <a href=""><i class="fa fa-facebook fa-2"></i></a> <a href=""><i class="fa fa-youtube fa-2"></i></a> <a href=""><i class="fa fa-pinterest fa-2"></i></a> </p>
          </div>
        </div>
      </div>
      <!-- /row of panels --> 
    </div>
  </div>
  <div class="footer2">
    <div class="container">
      <div class="row">
        <div class="col-md-6 panel">
          <div class="panel-body">
            <p class="simplenav"> <a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="services.html">Services</a> | <a href="portfolio.html">Portfolio</a> | <a href="contact.html">Contact</a> </p>
          </div>
        </div>
        <div class="col-md-6 panel">
          <div class="panel-body">
            <p class="text-right"> Copyright &copy; 2014. Template by <a href="http://webthemez.com/" rel="develop">WebThemez.com</a> </p>
          </div>
        </div>
      </div>
      <!-- /row of panels --> 
    </div>
  </div>
</footer>

<!-- JavaScript libs are placed at the end of the document so the pages load faster --> 
<script src="assets/js/modernizr-latest.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
<script src="assets/js/jquery.cslider.js"></script> 
<script src="assets/js/headroom.min.js"></script> 
<script src="assets/js/jQuery.headroom.min.js"></script> 
<script src="assets/js/custom.js"></script>
</body>
</html>