New 2

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Smart Search</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style_logo.css">

</head>
<body>
<nav class="navbar navbar-fixed-top navbar-default">

<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"><img src="image/icon.png" alt="logo"
style="max-width: 170px; margin-top: -30px;"></a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#" class="nav-color">Home</a></li>
<li><a href="#" class="nav-color">Page 1</a></li>
<li><a href="#" class="nav-color">Page 2</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="signup.php" class="nav-color"><span class="glyphicon glyphicon-
user"></span> Sign Up</a></li>
<li><a href="login.php" class="nav-color"><span class="glyphicon glyphicon-
log-in"></span> Login</a></li>
</ul>
</div>
</nav>
<div class="page-header no-margin no-padding">

<a href="#"><img src="image/13.jpg" class="img-responsive"></a>
<div class="centered">
<form class="navbar-form navbar-left" action="/action_page.php">
<div class="input-group">

<div class="input-group-btn">
<div class="main">
<input class="search-query input-mysize" type="text" ><br>
<input type="submit" value="Search">
</div>
</div>
</div>
</form>
</div>
</div>
<div class="container">
<h4>Tab</h4>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#m1">Menu1</a></li>
<li><a data-toggle="tab" href="#m2">Menu2</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<p>This is Home</p>
</div>
<div id="m1" class="tab-pane fade">
<p>THis is menu 1</p>
</div>
<div id="m2" class="tab-pane fade">
<p>This is menu 2</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h2>Find your Paper..</h2><br>
</div>
</div>
<div class="row research">

<div class="col-sm-3 col-md-1 col-lg-1 ">
<p>
<a style="text-decoration: none;border: 0;" href="#" title="Find other
user's Research Papers"><img src="image/search_book.png" class="img-scale"
style="width: 100px;height: 100px;" alt=""></a>
</p>
</div>
<div class="col-sm-9 col-md-3 col-lg-3 icon" >
<h3>
<a href="search_paper.php" title="Find Your Article" target="_blank"
class="external-link">"Find Papers":</a>
</h3>
<p>
<span style="font-size: 1rem">
<span style="color: black">Find your paper by searching ..</span>
</span>
</p>
</div>
<div class="col-sm-3 col-md-1 col-lg-1 col-md-offset-0.5">

<p>
</p>
</div>
<h3>
<a href="#" title="Find Your Article" target="_blank" class="external-
link">"Find Papers":</a>
</h3>
<p>
</span>
</p>
</div>
<div class="col-sm-3 col-md-1 col-lg-1 col-md-offset-0.5">

<p>
</p>
</div>
<h3>
<a href="#" title="Find Your Article" target="_blank" class="external-
link">"Find Papers":</a>
</h3>
<p>
</span>
</p>
</div>
</div>
<br><br>
<hr width="80%">
<br><br>
<div class="row">
<div class="col-lg-12">
<h2>Latest Science Updates</h2><br>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="image/noble.jpg" alt="winners">
<div class="caption">
<h3>Recent Noble Prize Winners</h3>
<p>Here,You can find the people who won noble proze
recently.</p>
<p><a href="#" class="btn btn-primary" role="button">Learn
More..</a></p>
</div>
</div>
</div>
recently.</p>
More..</a></p>
</div>
</div>
</div>
recently.</p>
More..</a></p>
</div>
</div>
</div>
recently.</p>
<p><a href="#" class="btn btn-color" role="button">Learn
More..</a></p>
</div>
</div>
</div>
</div>
</div>
<hr>
<footer class="footer">
<center>
<div class="container foot_details">
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold">Company
name</h6>
<p>Here you can use rows and columns here to organize your
footer content. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>


<h6 class="text-uppercase mb-4 font-weight-
bold">Products</h6>
<p><a href="#!">MDBootstrap</a></p>
<p><a href="#!">MDWordPress</a></p>
<p><a href="#!">BrandFlow</a></p>
<p><a href="#!">Bootstrap Angular</a></p>
</div>


<h6 class="text-uppercase mb-4 font-weight-bold">Useful
links</h6>
<p><a href="#!">Your Account</a></p>
<p><a href="#!">Become an Affiliate</a></p>
<p><a href="#!">Shipping Rates</a></p>
<p><a href="#!">Help</a></p>
</div>


<h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
<p><i class="fa fa-home mr-3"></i> New York, NY 10012, US</p>
<p><i class="fa fa-envelope mr-3"></i> info@gmail.com</p>
<p><i class="fa fa-phone mr-3"></i> + 01 234 567 88</p>
<p><i class="fa fa-print mr-3"></i> + 01 234 567 89</p>
</div>
</div>
</center>
<font face="Roboto Condensed" size="4"> <center>

<div class="row" style="margin-top: 7px;">
<center><p> © Copyright
Project X 2018.</p></center>
</div>
<div class="bottom-footer">
<div class="col-md-12">
<ul class="footer-nav">
<li> <a href="https://facebook.com"><i class="fa fa-facebook-
f"></i> </a> </li>
<li> <a href="https://twitter.com/"> <i class="fa fa-
twitter"></i> </a> </li>
<li> <a href="https://plus.google.com/"><i class="fa fa-google-
plus"></i></a> </li>
</ul>
</div>
</div>
</div>
</font>
</center>
</footer>
<script>
$(document).ready(function(){
var scroll_start = 0;
var startchange = $('#startchange');
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
$(".navbar-color").css('background-color', '#f0f0f0');
} else {
$('.navbar-color').css('background-color', 'transparent');
}
});
}
});
</script>
</body>
</html>

New 2

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

New 2

Încărcat de

Drepturi de autor:

Formate disponibile

<!

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

<link rel="stylesheet" href="style_logo.css">

<nav class="navbar navbar-fixed-top navbar-default">

<div class="page-header no-margin no-padding">

<div class="row research">

<div class="col-sm-3 col-md-1 col-lg-1 col-md-offset-0.5">

<div class="col-sm-3 col-md-1 col-lg-1 col-md-offset-0.5">

<font face="Roboto Condensed" size="4"> <center>

S-ar putea să vă placă și