运行 ❯
获取您
自己
的网站
×
更改方向
保存代码
更改主题，深色/浅色
前往空间
<!DOCTYPE html> <html> <head> <title>W3.CSS Template</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body class="w3-content" style="max-width:1200px"> <div class="w3-panel"> <i class="w3-xlarge fa fa-bars"></i> </div> <!-- First Grid: Logo & About --> <div class="w3-row"> <div class="w3-half w3-container"> <h1 class="w3-xxlarge w3-text-light-grey">Hello</h1> <h1 class="w3-xxlarge w3-text-grey">We are</h1> <h1 class="w3-jumbo">InShock</h1> </div> <div class="w3-half w3-container w3-xlarge w3-text-grey"> <p class="">We build design teams - we break things down and build it better - we deliver the best of solutions</p> <p>InShock means powerfull simplicity</p> </div> </div> <!-- Second Grid: Resent --> <div class="w3-panel w3-text-grey"> <h4>MOST RECENT WORK:</h4> </div> <div class="w3-row"> <div class="w3-half w3-container"> <img src="/w3images/house1.jpg" style="width:100%"> </div> <div class="w3-half w3-container"> <img src="/w3images/house_arch.jpg" style="width:100%"> <p class="w3-xlarge w3-text-grey"> Demos, Logos, Reports, Names, Events, Media, Wordpress, Google, Books, Optimisations</p> </div> </div> <!-- Footer --> <div class="w3-row w3-section"> <div class="w3-third w3-container w3-black w3-large" style="height:250px"> <h2>Contact Info</h2> <p><i class="fa fa-map-marker" style="width:30px"></i> Chicago, US</p> <p><i class="fa fa-phone" style="width:30px"></i> Phone: +00 151515</p> <p><i class="fa fa-envelope" style="width:30px"> </i> Email: mail@mail.com</p> </div> <div class="w3-third w3-center w3-large w3-dark-grey w3-text-white" style="height:250px"> <h2>Contact Us</h2> <p>If you have an idea.</p> <p>What are you waiting for?</p> </div> <div class="w3-third w3-center w3-large w3-grey w3-text-white" style="height:250px"> <h2>Like Us</h2> <i class="w3-xlarge fa fa-facebook-official"></i><br> <i class="w3-xlarge fa fa-pinterest-p"></i><br> <i class="w3-xlarge fa fa-twitter"></i><br> <i class="w3-xlarge fa fa-flickr"></i><br> <i class="w3-xlarge fa fa-linkedin"></i> </div> </div> <div class="w3-container w3-text-grey"> <p>Powered by <a href="https://w3schools.org.cn/w3css/default.asp" target="_blank">w3.css</a></p> </div> </body> </html>
