制作html简易个人主页

HelloWebUI 分享多主题、多语言、响应式web网页模板

移动端语言切换展示

制作html简易个人主页

IPad/PC 多主题展示

制作html简易个人主页

制作html简易个人主页

制作html简易个人主页

制作html简易个人主页

制作html简易个人主页

源码

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="https://cdn.jsdelivr.net/npm/daisyui@2.17.0/dist/full.css" rel="stylesheet" type="text/css" /> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <!-- 更多响应式多主题模板: https://wcao.cc --> <!-- 切换主题: <body data-theme='dark'> --> <!-- 可用主题列表: https://daisyui.com/docs/themes/ --> <div class="relative max-w-md mx-auto md:max-w-2xl min-w-0 break-words bg-base-100 w-full mb-6 shadow-lg rounded-xl mt-16"><div class="px-6"><div class="flex flex-wrap justify-center"><div class="w-full flex justify-center"><img src="https://wcao.cc/r/a/avatar" class="shadow-xl flex-shrink-0 w-36 h-36 -top-16 rounded-full align-middle border-none absolute"></div><div class="w-full text-center mt-20"><div class="flex justify-center lg:pt-4 pt-8 pb-0"><div class="p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-base-content text-opacity-70">622</span><span class="text-sm text-base-content text-opacity-40"></span></div><div class="p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-base-content text-opacity-70">452</span><span class="text-sm text-base-content text-opacity-40"></span></div><div class="p-3 text-center"><span class="text-xl font-bold block uppercase tracking-wide text-base-content text-opacity-70">68</span><span class="text-sm text-base-content text-opacity-40"></span></div></div></div></div><div class="text-center mt-2"><h3 class="text-2xl text-base-content text-opacity-70 font-bold leading-normal mb-1"> </h3><div class="text-xs mt-0 mb-2 text-base-content text-opacity-40 font-bold uppercase"><i class="fas fa-map-marker-alt mr-2 text-base-content text-opacity-40 opacity-75"></i> ,</div></div><div class="mt-6 py-6 border-t border-base-content border-opacity-20 text-center"><div class="flex flex-wrap justify-center"><div class="w-full px-4"><p class="font-light leading-relaxed text-base-content text-opacity-60 mb-4"> ? . 167 .</p><a href="javascript:;" class="btn"> </a></div></div></div></div></div> </body> </html>

本文【制作html简易个人主页】由作者: 主键 提供,本站不拥有所有权,只提供储存服务,如有侵权,联系删除!
本文链接:https://www.cuoshuo.com/blog/4410.html

(0)
上一篇 2023-03-12 08:58:43
下一篇 2023-03-12 09:02:47

相关推荐

  • 个人计算机常用的操作系统(计算机的软件系统可分为)

    随着互联网时代的快速发展,电脑发展也相当的成熟,新手学电脑可以快速入门,是每个新手梦寐以求的事情,但是不是所有人都可以快速上手,最近很多用户咨询我关于零基础学电脑先学什么,或者是电脑新手入门必学什么东西,那么接下来,我就给大家精心准备了电脑新手入门教程,大家一起来看看吧 电脑是有硬件和软件组成的 硬件就是看得见摸得着的东西,比如主机箱、电源、主板、处理器、内…

    2023-03-20
    000
  • rc522射频模块使用方法 射频模块是干什么的

    近期入手了一套 RC522 的 RFID 模块,现在把我近期玩这个模块的经历分享给大家,大家可以参照这个过程,上手这个模块的玩法。 刚到手的 RFID 模块与排针是分开的,需要自己焊上。选择焊直排针还是弧排针就看自己的需求了。 RC522 RFID 的板子大概都是下面这个样子的。 翻出吃灰已久的焊枪,一番操作后排针就焊上了,下面是找了一张已经焊好的板子的图。…

    2023-03-18
    200
  • 计算机程序设计艺术一共几卷

    如今的我们对算法可谓并不陌生,由于互联网发展迅猛,哪怕没有系统学习过计算机底层理论的程序员,也接触过无数的算法。 昨天笔者看到一个开放性思考题,内容是这样的: 如果一个程序只运行一次,在编写它的时候,你是采用最直观但是效率较低的算法,还是依然寻找复杂度最优的算法? 可能你心中已有答案,但这个问题我们放到文末再聊,本篇主要是科普向的算法入门文章,我将从最初的计…

    2023-03-17
    200
  • 数学模型答案姜启源第5版pdf 数学模型第五版姜启源

    中国教育新闻网讯(记者 焦小新)4月14日19:00全国大学生数学建模竞赛组委会、高等教育出版社联合举办的“数学建模大讲堂”第二期将开播。 第二期直播内容将围绕“案例的深入研究与拓展训练——浅谈如何学习数学建模”展开,主讲人为全国大学生数学建模竞赛组委会原秘书长,清华大学姜启源教授。他主编的《数学模型(第五版)》是国内影响最大、使用最广的数学建模教材之一。 …

    2023-03-15
    100
  • python和java哪个更值得学 小程序开发一个多少钱啊

    近几年随着Python的迅猛发展,是大多数人产生了迷茫,一方面学Java是行业的主流,另一方面Python发展所带来的巨大红利确实很诱人,再加上Python本身所具备的优点,让学Python也成为大家的另一种选择,下面我就我从业多年的经验,给出一些拙见,此话题存在争议,所以仅供参考。 JAVA和Python各自的好处 从总体上来看,Java的覆盖范围更广,具…

    2023-03-20
    000
  • excel随机生成范围内小数_excel随机生成2位小数

    工作中经常和数据打交道的小伙伴肯定遇到过excel中小数点后较长的数字, 如下图,小数点后的小数位数有1位、2位、3位、4位的,我们只需要保留两位小数。 首先选择数字单元格区域,鼠标右键,选择“设置单元格格式” 进入到设置单元格格式对话框,点击数值,设置小数位数为 2 即可将小数位数显示为2位。 但这种设置单元格格式的方法只是显示的是两位小数,实际上还是没有…

    2023-03-12
    200
  • remount命令_linux查看挂载信息命令

    挂载概述 在linux当中所有的存储设备如u盘、光盘、硬盘等,都必须挂载之后才能正常使用。 其实挂载可以理解为windows当中的分配盘符,只不过windows当中是以英文字母ABCD等作为盘符,而linux是拿系统目录作为盘符,当然linux当中也不叫盘符,而是称为挂载点,而把为分区或者光盘等存储设备分配一个挂载点的过程称为挂载。 在安装linux系统时设…

    2023-03-09
    1200
  • 如何写好软文发朋友圈(适合发朋友圈的软文)

    我们在朋友圈调查过一些转发率高的文章,很容易发现转发率高、阅读量大的文章越多,往往就有很多共同的要素,甚至选取的案例都很典型。所以,如果你想构思一篇软文的内容,想写一篇转发量上千的软文,一定要看下面这篇文章。 1.主题是积极的 这类文案的主题一旦确定,就必须描述一些已经完成的东西,也有一些具体的流程细节和数据。整个文案一定要有观点总结,最好是脚踏实地。读者看…

    2023-03-15
    000
  • 学软件开发多少钱合适_学编程多少钱学费

    众所周知,IT互联网方向的岗位就业比较好而且薪资也高,所以很多人都想往软件开发这个方向走,但学费并不是特别便宜。下面深圳市科创职业技能培训学校的老师们整理了学软件开发的培训学费,希望对你有所帮助! 要说软件工程师培训班的收费标准,从目前的情况来看,并没有一个标准,基本上都是由培训班自己定,不同培训班、不同的时间和时长,学费也有所差异。 而除了一般的培训机构,…

    2023-03-12
    900
  • 生态系统中生产者的作用(生态系统必须有消费者吗)

    考点一:种群 1.种群概念:一定区域内,同种生物所有个体的总称 ①苔藓约有4万多种,将一片草地上的所有苔藓个体看做一个种群不合理的原因:苔藓不是一种生物 2.画出种群基本特征及相互关系 ①种群密度是种群最基本的数量特征, ②出生率和死亡率、迁入率和迁出率可以直接决定种群数量变化 ③年龄组成可以预测种群密度的变化方向 ④性别比例通过改变出生率,间接影响种群密度…

    2023-03-19
    100

发表回复

登录后才能评论
返回顶部
错说博客上线啦!