移动端首页展示页面示例 - 前端开发指南
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>移动端首页展示页面示例 - 前端开发指南</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
<p>header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}</p>
<p>nav {
background-color: #f2f2f2;
padding: 10px;
text-align: center;
}</p>
<p>nav a {
color: #333;
text-decoration: none;
padding: 10px;
}</p>
<p>section {
padding: 20px;
}</p>
<p>footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
</style></p>
</head>
<body>
<header>
<h1>欢迎访问我们的移动端首页</h1>
</header>
<nav>
<a href="#">首页</a>
<a href="#">关于我们</a>
<a href="#">服务</a>
<a href="#">联系我们</a>
</nav>
<section>
<h2>关于我们</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Phasellus vitae felis sed eros consectetur malesuada. Integer in consequat nunc. Fusce hendrerit lectus at tempus tristique. Nulla bibendum commodo felis, nec convallis nulla tincidunt ut. Vestibulum dapibus odio eget tellus accumsan, nec pulvinar leo efficitur.</p>
</section>
<section>
<h2>我们的服务</h2>
<ul>
<li>网页设计</li>
<li>移动应用开发</li>
<li>UI/UX设计</li>
<li>电子商务解决方案</li>
</ul>
</section>
<section>
<h2>联系我们</h2>
<p>邮箱: info@example.com</p>
<p>电话: 123-456-7890</p>
</section>
<footer>
<p>© 2021 移动端首页. 保留所有权利.</p>
</footer>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/qrOc 著作权归作者所有。请勿转载和采集!