sticky.html
来源:互联网 发布:欧洲卡车模拟2mac联机 编辑:程序博客网 时间:2024/06/05 22:39
<!DOCTYPE html><html><head> <!-- Standard Meta --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <!-- Site Properties --> <title>Sticky Example - Semantic</title> <link href="http://ox6yf62u0.bkt.clouddn.com/semantic-ui/2.2.13/semantic.min.css" rel="stylesheet"> <script src="http://ox6yf62u0.bkt.clouddn.com/jquery-2.1.4.min.js"></script> <script src="http://ox6yf62u0.bkt.clouddn.com/semantic-ui/2.2.13/semantic.min.js"></script> <script> $(document) .ready(function () { // fix main menu to page on passing $('.main.menu').visibility({ type: 'fixed' }); }); </script></head><body> <!-- Menu1 Start --> <div class="ui attached stackable inverted nine item menu borderless "> <div class="ui container"> <a class="item"> <i class="home icon large apple"></i> </a> <a class="item"> Mac </a> <a class="item"> iPad </a> <a class="item"> iphone </a> <a class="item"> Watch </a> <a class="item"> Music </a> <a class="item"> 技术支持 </a> <a class="item"> <i class=" icon search"></i> </a> <a class="item"> <i class="shopping bag icon"></i> </a> </div> </div> <!-- Menu1 End --> <!-- Menu2 Start --> <div class="ui borderless main menu " style="margin-top: 0px"> <div class="ui two column computer only grid container"> <div class="left aligned column"> <div class="segment basic ui" style="margin-left: 150px"> <b>iPhone 8</b> </div> </div> <div class="right aligned computer only column" style="padding: 0px"> <div class="segment basic ui" style="display: inline-block;">概览</div> <div class="segment basic ui" style="display: inline-block;">iOS</div> <div class="segment basic ui" style="display: inline-block;">技术规格</div> </div> </div> </div> <!-- Menu2 End --> <div class="ui container center aligned fluid" style="margin-top: -15px;background-color:#fceee3"> <img src="https://www.apple.com/cn/iphone-8/images/overview/og_wechat.png" alt=""> </div> <div class="ui text container grid " style="margin: 120px"> <div class="six wide left aligned column " style="font-size: 30px"> <p> <b>双面全玻璃设计</b> </p> </div> <div class="ten wide column " style="font-size: 15px"> <p> 机身前后皆采用 iPhone 上迄今最坚固耐用的玻璃面板,新款深空灰色、银色和金色外观分别配以同色系的航空级铝金属边框。</p> </div> </div> <div class="ui inverted vertical footer segment"> <div class="ui center aligned container"> <div class="ui stackable inverted divided grid"> <div class="three wide column"> <h4 class="ui inverted header">Group 1</h4> <div class="ui inverted link list"> <a href="#" class="item">Link One</a> <a href="#" class="item">Link Two</a> <a href="#" class="item">Link Three</a> <a href="#" class="item">Link Four</a> </div> </div> <div class="three wide column"> <h4 class="ui inverted header">Group 2</h4> <div class="ui inverted link list"> <a href="#" class="item">Link One</a> <a href="#" class="item">Link Two</a> <a href="#" class="item">Link Three</a> <a href="#" class="item">Link Four</a> </div> </div> <div class="three wide column"> <h4 class="ui inverted header">Group 3</h4> <div class="ui inverted link list"> <a href="#" class="item">Link One</a> <a href="#" class="item">Link Two</a> <a href="#" class="item">Link Three</a> <a href="#" class="item">Link Four</a> </div> </div> <div class="seven wide column"> <h4 class="ui inverted header">Footer Header</h4> <p>Extra space for a call to action inside the footer that could help re-engage users.</p> </div> </div> <div class="ui inverted section divider"></div> <img src="assets/images/logo.png" class="ui centered mini image"> <div class="ui horizontal inverted small divided link list"> <a class="item" href="#">Site Map</a> <a class="item" href="#">Contact Us</a> <a class="item" href="#">Terms and Conditions</a> <a class="item" href="#">Privacy Policy</a> </div> </div> </div></body></html>
阅读全文
0 0
- sticky.html
- Sticky session
- sticky INTENT
- sticky intent
- sticky 集合
- sticky INTENT
- Sticky Footer
- sticky footer
- IE7 sticky hover bug
- SUID、SGID、STICKY简介
- 进一步了解Sticky Bit
- The Sticky Component Framework
- SetUID, SetGID, Sticky bit
- SUID SGID STICKY
- session Replication & session sticky
- 关于Nginx session sticky
- suid sgid sticky
- 关于Nginx session sticky
- 模仿“百度”页面的html代码
- python-实现键盘记录器
- 56. SAMBA 服务器
- 【智力题】烧绳子
- RHEL/CentOS 7 系统上源码编译安装nginx,并隐藏替换nginx名称
- sticky.html
- HDOJ1002 A + B Problem II
- 极简笔记:Dynamic Routing Between Capsule
- CentOS 7之firewalld
- [7]_编译内核错误提示2:recipe for target 'kernel/timeconst.h' failed 和 "mkimage" command not found
- 位置无关码、链接地址与加载地址
- 从tomcat移植到weblogic中session丢失的解决法
- OpenCV矩阵用法
- MatLab学习1-矩阵操作