Apple Style Responsive HTML Template with Adaptive Menu
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<title>Apple Style Responsive Design</title>
<!-- Import necessary scripts -->
<script src='https://code.jquery.com/jquery-3.3.1.slim.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js'></script>
<script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
<!-- Import necessary stylesheets -->
<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css'>
<style>
/* Add custom styles here */
</style>
</head>
<body>
<nav class='navbar navbar-expand-lg navbar-light bg-light'>
<a class='navbar-brand' href='#'>Apple Style</a>
<button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#navbarNav' aria-controls='navbarNav' aria-expanded='false' aria-label='Toggle navigation'>
<span class='navbar-toggler-icon'></span>
</button>
<div class='collapse navbar-collapse' id='navbarNav'>
<ul class='navbar-nav'>
<li class='nav-item active'>
<a class='nav-link' href='#'>Home</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>About Us</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- Add your content here -->
<script>
// Add custom scripts here
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nsey 著作权归作者所有。请勿转载和采集!