View source for Team:LUBBOCK TTU/adamant

{{Template:LUBBOCK_TTU/css/bootstrap.css}}
{{Template:LUBBOCK_TTU/css/font-awesome.min.css}}
{{Template:LUBBOCK_TTU/css/lightGallery.css}}
{{Template:LUBBOCK_TTU/css/style.css}}
{{Template:LUBBOCK_TTU/js/bootstrap.js}}
{{Template:LUBBOCK_TTU/js/classie.js}}
{{Template:LUBBOCK_TTU/js/counterup.min.js}}
{{Template:LUBBOCK_TTU/js/easing.js}}
{{Template:LUBBOCK_TTU/js/jquery-2.1.4.min.js}}
{{Template:LUBBOCK_TTU/js/lightGallery.js}}
{{Template:LUBBOCK_TTU/js/move-top.js}}
{{Template:LUBBOCK_TTU/js/waypoints.min.js}}

<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->

<html>
<html lang="en">
<head>
<title>LUBBOCK_TTU</title>

<!-- DEFAULT WIKI SETTINGS -->
<style>
	/* Clear the default wiki settings */
	
	#home_logo, #sideMenu { display:none; }
	#sideMenu, #top_title, .patrollink  {display:none;}
	<!--#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}-->
	<!--body {background-color:white; }-->
	<!--#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }-->
</style>
<!-- END DEFAULT WIKI SETTINGS -->

<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->

<link href="//fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
	
<body>
	<div class="header">
		<div class="w3layouts_header_left">
			<p>Maecenas consectetur orci accumsan.</p>
		</div>
		<div class="w3layouts_header_right">
			<ul>
				<li><i class="fa fa-phone" aria-hidden="true"></i>(+000) 123 456</li>
				<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="w3_navigation">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="w3_navigation_pos">
						<h1><a href="index.html"><i class="fa fa-cog" aria-hidden="true"></i>Adamant</a></h1>
					</div>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav class="cl-effect-5" id="cl-effect-5">
						<ul class="nav navbar-nav">
							<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a></li>
							<li><a href="#services" class="scroll"><span data-hover="Services">Services</span></a></li>
							<li><a href="#about" class="scroll"><span data-hover="About Us">About Us</span></a></li>
							<li><a href="#work" class="scroll"><span data-hover="Work">Work</span></a></li>
							<li><a href="#team" class="scroll"><span data-hover="Team">Team</span></a></li>
							<li><a href="#mail" class="scroll"><span data-hover="Mail Us">Mail Us</span></a></li>
						</ul>
					</nav>
				</div>
			</nav>	
		</div>
	</div>

<!-- banner -->
	<div class="banner">
</br></br></br></br></br></br></br>
<center>
<font size="10" color="white">Project Title</font>
</center>
		<!--<div class="container">-->
			<!--<p><i>Lubbock_TTU</i> <span>Magnetic Field</span> induced <span>GFP</span></p>-->
		<!--</div>-->
	</div>
<!-- //banner -->
<!-- about -->
	<div class="about" id="about">
		<div class="container">
			<div class="col-md-4 agileits_about_left">
				<h3 class="w3l_head">About Us</h3>
				<p class="w3ls_head_para">who we are</p>
			</div>
			<div class="col-md-8 agileits_about_right">
				<p>Team description here.</p>
				<!--<ul>-->
					<!--<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>industry focus</li>-->
					<!--<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Professional approach</li>-->
					<!--<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Production</li>-->
					<!--<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Effective Solutions</li>-->
				<!--</ul>-->
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //about -->
<!-- about-bottom -->
	<div class="about-bottom">
		<div class="container">
			<div class="col-md-7 agileinfo_about_bottom_right">
				<h2>Title</h2>
				<div class="col-md-6 agileinfo_about_bottom_right_wthree">
					<ul>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 1</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 2</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 3</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 4</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 5</li>
					</ul>
				</div>
				<div class="col-md-6 agileinfo_about_bottom_right_wthree">
					<ul>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 6</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 7</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Item 10</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-5 agileinfo_about_bottom_left">
				<img src="http://via.placeholder.com/287x400" alt=" " class="img-responsive" />
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //about-bottom -->
<!-- services -->
	<div class="services" id="services">
		<div class="container">
                        <center><font face="Questrial" size="10">Our Project</font></center>
			<!--<h3 class="w3l_head w3l_head1">Services</h3>-->
			<!--<p class="w3ls_head_para w3ls_head_para1">what we do</p>-->
			<div class="w3_agileits_services_grids">
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-wrench" aria-hidden="true"></i>
						</div>
						<h3>Subtitle 1</h3>
						<p>Description 1</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-map" aria-hidden="true"></i>
						</div>
						<h3>Subtitle 2</h3>
						<p>Description 2</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-globe" aria-hidden="true"></i>
						</div>
						<h3>Subtitle 3</h3>
						<p>Description 3</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-gears" aria-hidden="true"></i>
						</div>
						<h3>Subtitle 4</h3>
						<p>Description 4</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //services -->
<!-- team -->
	<div class="team" id="team">
		<div class="container">
                        <center><font face="Questrial" size="10" color="white">Meet the Team</font></center>
			<!--<h3 class="w3l_head w3l_head1 w3l_head1_w3layouts">Meet Our Team</h3>-->
			<!--<p class="w3ls_head_para w3ls_head_para1">we are the best team</p>-->
			<div class="w3_team_grids">
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="http://via.placeholder.com/400x300" alt=" " class="img-responsive" />
					</div>
					<h4>Brandon Palomo</h4>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="http://via.placeholder.com/400x300" alt=" " class="img-responsive" />
					</div>
					<h4>Gregory Knox</h4>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="http://via.placeholder.com/400x300" alt=" " class="img-responsive" />
					</div>
					<h4>Angela Ahrens</h4>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="http://via.placeholder.com/400x300" alt=" " class="img-responsive" />
					</div>
					<a href=""><h4><u>See Full Team<u></h4></a>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //team -->
<!-- gallery -->
	<div class="team-bottom" id="work">
		<div class="container">
			<!--<h3 class="w3l_head w3l_head1">Work</h3>-->
			<center><font face="Questrial" size="10">Learn More</font></center>
			<!--<p class="w3ls_head_para w3ls_head_para1">Our Works</p>-->
			<div class="w3layouts_gallery_grids">
				<ul class="w3l_gallery_grid" id="lightGallery">
					<li data-title="Adamant" data-desc="" data-src="images/8.jpg" data-responsive-src="images/8.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title A </h4>
									<p class="tagline overtext"> Description A </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/9.jpg" data-responsive-src="images/9.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title B </h4>
									<p class="tagline overtext"> Description B </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc=" data-src="images/10.jpg" data-responsive-src="images/10.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title C </h4>
									<p class="tagline overtext"> Description C </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/11.jpg" data-responsive-src="images/11.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title D </h4>
									<p class="tagline overtext"> Description D </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/12.jpg" data-responsive-src="images/12.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title E</h4>
									<p class="tagline overtext"> Description E </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/13.jpg" data-responsive-src="images/13.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title F </h4>
									<p class="tagline overtext"> Description F </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/14.jpg" data-responsive-src="images/14.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title G </h4>
									<p class="tagline overtext"> Description G </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/15.jpg" data-responsive-src="images/15.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title H </h4>
									<p class="tagline overtext"> Description H </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="" data-src="images/16.jpg" data-responsive-src="images/16.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="http://via.placeholder.com/640x426" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Title I </h4>
									<p class="tagline overtext"> Description I </p>
								</div>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<script>
    	 $(document).ready(function() {
			$("#lightGallery").lightGallery({
				mode:"fade",
				speed:800,
				caption:true,
				desc:true,
				mobileSrc:true
			});
		});
    </script>
<!-- //gallery -->

<!-- start-smooth-scrolling -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smooth-scrolling -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->

</body>
</html>