w3css 在线编辑器 | w3css代码测试

<!DOCTYPE html>
<html>
<title>W3.CSS 模板</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.cainiaomax.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdn.cainiaomax.com/cdnjs/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>body,h1 {font-family: "Raleway", Arial, sans-serif}
h1 {letter-spacing: 6px}
.w3-row-padding img {margin-bottom: 12px}
</style>
<body>

<div class="w3-content" style="max-width:1500px">

<header class="w3-panel w3-center w3-opacity" style="padding:128px 16px">
  <h1 class="w3-xlarge">摄影师</h1>
  <h1>李四</h1>
  
  <div class="w3-padding-32">
    <div class="w3-bar w3-border">
      <a href="#" class="w3-bar-item w3-button">首页</a>
      <a href="#" class="w3-bar-item w3-button w3-light-grey">文件夹</a>
      <a href="#" class="w3-bar-item w3-button">联系方式</a>
      <a href="#" class="w3-bar-item w3-button w3-hide-small">婚礼</a>
    </div>
  </div>
</header>

<div class="w3-row-padding w3-grayscale" style="margin-bottom:128px">
  <div class="w3-half">
    <img src="../w3images/wedding.jpg" style="width:100%">
    <img src="../w3images/rocks.jpg" style="width:100%">
    <img src="../w3images/falls2.jpg" style="width:100%">
    <img src="../w3images/paris.jpg" style="width:100%">
    <img src="../w3images/nature.jpg" style="width:100%">
    <img src="../w3images/mist.jpg" style="width:100%">
    <img src="../w3images/paris.jpg" style="width:100%">
  </div>

<footer class="w3-container w3-padding-64 w3-light-grey w3-center w3-large"> 
  <i class="fa fa-facebook-official w3-hover-opacity"></i>
  <i class="fa fa-instagram w3-hover-opacity"></i>
  <i class="fa fa-snapchat w3-hover-opacity"></i>
  <i class="fa fa-pinterest-p w3-hover-opacity"></i>
  <i class="fa fa-twitter w3-hover-opacity"></i>
  <i class="fa fa-linkedin w3-hover-opacity"></i>
  <p>Powered by <a href="https://www.cainiaomax.com/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p>
</footer>

</body>
</html>

报个问题: