<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/themify-icons.css">
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="css/owl.carousel.min.css" type="text/css" rel="stylesheet">
<link href="css/owl.theme.default.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/mean_menu.css">
<link rel="stylesheet" href="css/style.css">
<title>Hello, world!</title>
</head>
<body>
<header id="header-top">
<div class="container">
<div class="row align-items-center">
<div class="col-6 pl-lg-3 pl-md-0">
<div class="dropdown">
<a href="#" class=" dropdown dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ti-world mr-2"></span>Language
</a>
<div class="dropdown-menu dropdown-content" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">English</a>
<a class="dropdown-item" href="#">Turkish</a>
<a class="dropdown-item" href="#">Russian</a>
</div>
</div>
</div>
<div class="col-6 text-right">
<a href="#" class="btn"><span class="ti-lock mr-2"></span>Login</a>
<span>/</span>
<a href="#" class="btn">Register</a>
</div>
</div>
</div>
</header>
<header id="header-middle">
<div class="container py-lg-2 py-0">
<div class="row align-items-center">
<div class="col-lg-5 col-md-2 col-sm-6">
<a href="index.html" class="logo d-lg-block d-none"><h2>Senkron</h2></a>
</div>
<div class="col-lg-7 col-md-10 col-sm-6 d-lg-block d-none">
<div class="row">
<div class="col-md-4 col-sm-12">
<ul class="line">
<li><span class="ti-mobile"></span></li>
<li>
<h6>Call Us:</h6>
<p>(+123) 456 7867</p>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-12">
<ul class="line">
<li><span class="ti-location-pin"></span></li>
<li>
<h6>Address:</h6>
<p>118 Brooklyn, NY</p>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-12 pr-0">
<ul>
<li><span class="ti-alarm-clock"></span></li>
<li>
<h6>Open Time:</h6>
<p>Mon-Sat: 9.00 - 18.00</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<header id="nav-menu">
<div class="container">
<div class="menu row">
<div class="col-lg-11">
<ul>
<li><a href="index.html" class="pl-0">Home</a></li>
<li><a href="">shop</a></li>
<li><a href="">page <span class="fas fa-angle-down"></span></a>
<ul>
<li><a href="">page-1</a></li>
<li><a href="">page-2</a></li>
<li><a href="">page-3</a></li>
</ul>
</li>
<li><a href="">project <span class="fas fa-angle-down"></span></a>
<ul>
<li><a href="">Project-1</a></li>
<li><a href="">project-2</a></li>
<li><a href="">project-3 <span class="fas fa-angle-right pl-4"></span></a>
<ul>
<li><a href="">project-1.1</a></li>
<li><a href="">project-1.2</a></li>
<li><a href="">project-1.3</a></li>
</ul>
</li>
<li><a href="">project-4</a></li>
</ul>
</li>
<li><a href="">service <span class="fas fa-angle-down"></span></a>
<ul>
<li><a href="">service-1</a></li>
<li><a href="">service-2</a></li>
<li><a href="">service-3</a></li>
<li><a href="">service-4 <span class="fas fa-angle-right pl-4"></span></a>
<ul>
<li><a href="#">service-4.1</a></li>
<li><a href="#">service-4.1</a></li>
<li><a href="#">service-4.1</a></li>
<li><a href="#">service-4.1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">blog</a></li>
<li><a href="">contact us</a></li>
<form action="" class="header-search-form">
<div class="form-group has-feedback">
<label for="search" class="sr-only">Search</label>
<input type="text" class="form-control" name="search" id="search" placeholder="search">
<span class="fas fa-search form-control-feedback"></span>
</div>
</form>
</ul>
</div>
<div class="col-lg-1 px-0 d-md-block d-none">
<form action="">
<a href="#"><span class="fas fa-shopping-cart"></span></a>
</form>
</div>
</div>
</div>
</header>
<footer id="footer">
<div class="container pb-4">
<div class="row align-items-center">
<div class="col-lg-7 col-md-7 col-sm-12">
<h3>Sign up for our newsletter</h3>
<p>Lorem ipsum dolor sit amet, </p>
</div>
<div class=" col-lg-5 col-md-5 col-sm-12">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn" type="button" id="button-addon2">Submit</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<hr>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<a href="#index.html" class="logo"><h2>Senkron</h2></a>
<p><i class="fas fa-map-marker-alt"></i>98 Collins St, Melbourne, NY </p>
<p><i class="fas fa-phone fa-flip-horizontal"></i> (12) 345 678 910</p>
<p><i class="fas fa-envelope"></i>Metinsukan@hotmail.com</p>
<div class="footer-copyright">Copyright © 2018
<a href="#" class="text-success"> Senkron </a>inc
</div>
</div>
<div class="col-lg-3 col-md-5 offset-md-1 offset-lg-0 col-sm-12 mt-lg-0 mt-md-0 mt-3">
<h5>Information</h5>
<ul>
<li><a href="#">Terms $ Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Custemer Service</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mt-lg-0 mt-3">
<h5>Quick Link</h5>
<ul>
<li><a href="#">Terms $ Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Custemer Service</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-5 col-sm-12 offset-md-1 offset-lg-0 mt-lg-0 mt-3 ">
<h5>Social</h5>
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i>Facebook</a></li>
<li><a href="#"><i class="fab fa-twitter"></i>Twitter</a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i>Pinterest</a></li>
<li><a href="#"><i class="fab fa-instagram"></i>Integram</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/jquery.meanmenu.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('.menu').meanmenu();
});
</script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.elevatezoom.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixItUp({
selectors: {
target: '.portfolio',
filter: '.filter'
},
load: {
filter: '.app'
}
});
}
};
// Run the show!
filterList.init();
});
</script>
</body>
</html>
我的HTML的这一半，但是有所有链接。
error in parsing value for ‘outline’. Declaration dropped. bootstrap.min.css:6:2979
12:48:02.402 Error in parsing value for ‘word-break’. Declaration dropped. bootstrap.min.css:6:5805
12:48:02.402 Error in parsing value for ‘display’. Declaration dropped. bootstrap.min.css:6:6561
12:48:02.405 Unknown pseudo-class or pseudo-element ‘-ms-expand’. Ruleset ignored due to bad selector. bootstrap.min.css:6:22654
12:48:02.405 Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’. Ruleset ignored due to bad selector. bootstrap.min.css:6:22969
12:48:02.405 Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’. Ruleset ignored due to bad selector.