master

分支 (1)

标签 (1)

管理

管理

master

小

my-website
/
index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" type="text/css" href="style.css" />
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
	 crossorigin="anonymous">
	<title>工作笔记</title>
	<style type="text/css">
		* {
			padding: 0px;
			margin: 0px;
		}

		body,
		html {
			height: 100%;
			width: 100%;
			background-color: #EFEEEE;
		}

		.card {
			height: 430px;
			background-color: #EFEEEE;
			border: 0px;
			border-radius: 10px;
			box-shadow: -2px -2px 2px rgba(255, 255, 255, 1),
			-2px -2px 12px rgba(255, 255, 255, 0.5),
			inset 2px 2px 4px rgba(255, 255, 255, 0.1),
			2px 2px 8px rgba(0, 0, 0, 0.15);
			transition: 2s;
		}

		.name {
			font-size: 20px;
			font-weight: bold;
			margin: 0px;
		}

		.icon {
			height: 40px;
			width: 40px;
			padding: 10px;
			border-radius: 100px;
			box-shadow: -2px -2px 2px rgba(255, 255, 255, 1),
			-2px -2px 12px rgba(255, 255, 255, 0.5),
			inset 2px 2px 4px rgba(255, 255, 255, 0.1),
			2px 2px 8px rgba(0, 0, 0, 0.15)
		}

		.icon:hover {
			content: '123';
			height: 50px;
			width: 50px;
			box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 1),
			inset -2px -2px 12px rgba(255, 255, 255, 0.5),
			inset 2px 2px 4px rgba(255, 255, 255, 0.1),
			inset 2px 2px 8px rgba(0, 0, 0, 0.15);
			transition: .2s all;
		}

		.btn,
		.btn-light {
			border: 0px;
			background-color: transparent;
		}
	</style>
</head>

<body>
	<div class="container pt-3">
		<div class="card text-center">
			<div class="card-body">
				<img src="https://q.qlogo.cn/headimg_dl?bs=qq&dst_uin=31588147&spec=100" style="border-radius: 100px;">
					<p class="name">老奶狗</p>
					<small class="qm">花开两朵，天各一方</small>
					<div class="row mt-3">
			</div>
		</div>
	</body>
	<center> <a href="https://beian.miit.gov.cn/" style="color: #000000;" target="_blank">豫ICP备19018117号-7</a></center>
  <center> Powered by <a href="https://webify.cloudbase.net/" style="color: #000000;" target="_blank">CloudBase Webify</a></center>
</html>