HTML5-個人中心

最新推荐文章于 2021-10-08 21:25:21 发布
最新推荐文章于 2021-10-08 21:25:21 发布
阅读量873 收藏 1
点赞数
分类专栏： BootStrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yqj234/article/details/52329421
版权
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>個人中心</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
    <script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
    <div class="panel panel-warning" >
        <div class="panel-heading " style="background:#d9534f; color:#ffffff">
            <span class="glyphicon glyphicon-th-large" style="margin-right: 10px" />个人中心
        </div>
        <div class="panel-heading   ">
            <div class="row">
                <div class="col-xs-6 col-md-6">
                    <div>
                        <span>帳號:
                            <label>
                                K1311P99
                            </label>
                        </span>
                    </div>
                    <div>
                        <span>帳號:
                            <label>
                                楊清杰
                            </label>
                        </span>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6">
                <div class=input-group input-group-sm">
         
                   <span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span>
                    </div>
                </div>
            </div>
        </div>
 
        <ul class="nav nav-pills nav-stacked   nav-divider">
            <br>
            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-star" style="margin-right: 10px">
            </span>當前等級</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>


            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-yen" style="margin-right: 10px">
            </span>當前积分</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>
   
            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-calendar" style="margin-right: 10px">
            </span>注冊時間</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>
 
            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-open" style="margin-right: 10px">
            </span>我的上級</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>


                            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-save" style="margin-right: 10px">
            </span>我的下級</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>


                                            <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-globe" style="margin-right: 10px">
            </span>我的團隊</a><span class="glyphicon glyphicon-chevron-right" style="float: right;
                margin-right: 5px; margin-top: -30px; color: #FFF"></span></li>
        </ul>
    </div>
    <div class="text-center" style="background: #FFF">
        <a href="#">
            <button type="button" class="btn btn-success  btn-md ">
                <span class="glyphicon glyphicon-arrow-up" style="margin-right: 10px" />我要升級</button>
        </a><a href="index.php">
            <button type="button" class="btn btn-success">
                <span class="glyphicon glyphicon-home" style="margin-right: 10px" />返回首頁</button>
        </a>
    </div>
    <p>
        </div>
</body>
</html>
yqj234
关注
专栏目录
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
HTML5+CSS大作业——响应式个人简历介绍(5页)-模板下载
11-30 2030
HTML5+CSS大作业——响应式个人简历介绍(5页)-模板下载 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 ????作者主页-更多源码 ?
html个人中心布局,html5前端开发笔记-个人中心
weixin_39616056的博客
05-30 3115
简单的css自适应PC端移动端一开始的想法就是模仿手机APP 的页面进行布局，首先得有个头部，然后是主题部分，然后加上2个按钮，分别是编辑和退出登录。先布出基本结构。代码如下：个人中心个人中心 姓名：性别：手机：学校：个人简介：这个地方文字超出范围之外会自动把容器div撑开，注意不是中文字符的话需要加CCS属性word-wrap:break-word...
如何用html5做个人中心,个人中心页面从思考到设计全过程
weixin_35070925的博客
06-01 5010
原标题：个人中心页面从思考到设计全过程最近刚做完一个项目，我发现我的设计效率相比之前竟然提升了30%以上，在以前做界面时总是会纠结采用什么样式，什么布局。而现在在看了原型之后就大概知道我要怎么做了，没有了以前做页面时的纠结，效率自然提升了。我想着主要是因为平时长期的分析总结的结果，我能够很明确的知道什么时候该用什么交互方式，什么时候该用什么样式。因此今天想拿“个人中心页面从思考到设计全过程”和大家...
商城个人中心 网站模板 html
04-23
此项目为实操项目简化版，包含html静态页面，JS，CSS，能实现网站模板基本要求
个人中心的html,个人中心.html
weixin_29577613的博客
05-30 853
个人中心$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...
html个人中心样式,个人中心.html
weixin_35853363的博客
05-31 6487
个人中心-完善个人资料body{line-height: 1.6 !important;}.layui-layer-btn0{background: #FD295B !important;border-color: #FD295B !important;} 托尼乔巴ID:15245895等级：L10绑定信息提现进度推广佣金自主问答设置版本信息首页已接任务申诉中心活动中心我的var wave1...
vue移动端项目--个人中心模块
m0_59056563的博客
10-08 2656
用户个人中心页面html5源码,橙色的商城个人中心全部页面模板html源码
weixin_39647471的博客
05-31 4990
(导航链接未设置，不能金币下载)包括登录、注册、安全设置以及购物、产品、我的钱包等页面模板html下载资源下载此资源下载价格为4D币，请先登录资源文件列表codedown123-0802-35/.project,1143codedown123-0802-35/css/amazeui.min.css,280625codedown123-0802-35/css/jd.css,1157cod...
HTML移动端购物商城个人中心模板.zip
05-27
HTML移动端购物商城个人中心模板，DVI CSS布局，全套模板，包括我的订单、退货记录、订单列表、订单详情、帐号安全、我的设置、我的积分等，是一款很不错的手机端个人中心模板。 
HTML移动端购物商城个人中心模板
06-07
HTML移动端购物商城个人中心模板，DVI+CSS布局，全套模板，包括我的订单、退货记录、订单列表、订单详情、帐号安全、我的设置、我的积分等，是一款很不错的手机端个人中心模板。
个人主页 html
11-09
html 个人主页
H5商城模版 带后台管理 登录 个人中心
10-27
H5 amaze UI 自适应 商城模版 带后台管理页 登录页 个人中心页
投资网站个人中心页面模板.rar
07-30
基于Bootstrap3.3.5开发的前端个人中心模版，包括Bootstrap编辑器等控件模板，红色的网站个人中心界面模板
html个人中心网页,个人中心页面.html
weixin_34822215的博客
05-31 6820
个人中心页面$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPa...
个人信息中心html,个人设置中心（基本信息）.html
weixin_35364187的博客
05-31 704
个人设置中心(基本信息)$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getRe...
HTML个人资料界面
热门推荐
小红九さんの技術ブログ
01-15 5万+
好久都没有写博客了，仿佛什么都没有学一般。 考试前为了挑战杯项目赶出来的界面，新接触了HTML，仿照CSDN上的风格。下学期就要学HTML了算是一种提前预习吧。因为不会用，所以特别的冗杂，没有将格式封装到一起。 加油吧，tomorrow is a new day.<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti
HTML5期末大作业：动漫网页主题设计——卡通漫画教育首页HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
07-13 1万+
HTML5期末大作业：动漫网页主题设计——卡通漫画教育首页HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值