You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
6.0 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>课堂点名系统</title>
<!-- 引入CSS文件 -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="background-container">
<div class="firstcontainer">
<div class="title">课堂随机点名系统</div>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="134" height="101" viewBox="0 0 134 101"
fill="none">
<path
d="M134 66.4708C134 70.2333 127.3 72.7417 119.483 73.9958C114.458 63.3354 104.408 55.1833 92.6833 49.5396C93.8 47.6583 94.9167 46.4042 96.0333 44.5229H100.5C117.808 43.8958 134 55.8104 134 66.4708ZM37.9667 43.8958H33.5C16.1917 43.8958 0 55.8104 0 66.4708C0 70.2333 6.7 72.7417 14.5167 73.9958C19.5417 63.3354 29.5917 55.1833 41.3167 49.5396L37.9667 43.8958ZM67 50.1667C79.2833 50.1667 89.3333 38.8792 89.3333 25.0833C89.3333 11.2875 79.2833 0 67 0C54.7167 0 44.6667 11.2875 44.6667 25.0833C44.6667 38.8792 54.7167 50.1667 67 50.1667ZM67 56.4375C44.1083 56.4375 22.3333 72.7417 22.3333 87.7917C22.3333 100.333 67 100.333 67 100.333C67 100.333 111.667 100.333 111.667 87.7917C111.667 72.7417 89.8917 56.4375 67 56.4375ZM98.825 37.625H100.5C109.992 37.625 117.25 29.4729 117.25 18.8125C117.25 8.15208 109.992 0 100.5 0C97.7083 0 95.475 0.627084 93.2417 1.88125C97.7083 8.15208 100.5 16.3042 100.5 25.0833C100.5 29.4729 99.9417 33.8625 98.825 37.625ZM33.5 37.625H35.175C34.0583 33.8625 33.5 29.4729 33.5 25.0833C33.5 16.3042 36.2917 8.15208 40.7583 1.88125C38.525 0.627084 36.2917 0 33.5 0C24.0083 0 16.75 8.15208 16.75 18.8125C16.75 29.4729 24.0083 37.625 33.5 37.625Z"
fill="#9747FF" />
</svg>
<svg class="icon1" xmlns="http://www.w3.org/2000/svg" width="52" height="55" viewBox="0 0 52 55"
fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M51.9044 15.3085V47.6264C51.9044 49.4309 51.1232 51.1614 49.7326 52.4374C48.342 53.7133 46.456 54.4302 44.4895 54.4302H37.0746V51.0283H44.4895C45.4728 51.0283 46.4158 50.6699 47.111 50.0319C47.8063 49.3939 48.1969 48.5286 48.1969 47.6264V15.3085H40.782C39.3071 15.3085 37.8926 14.7709 36.8497 13.8139C35.8067 12.8569 35.2208 11.559 35.2208 10.2057V3.40188H14.8298C13.8465 3.40188 12.9035 3.7603 12.2083 4.39827C11.513 5.03625 11.1224 5.90153 11.1224 6.80377V37.4207H7.41491V6.80377C7.41491 4.9993 8.19613 3.26873 9.58669 1.99278C10.9773 0.716824 12.8633 0 14.8298 0L35.2208 0L51.9044 15.3085ZM7.14798 53.9165V42.5644H11.3596V40.3123H0V42.5644H4.20426V53.9165H7.14798ZM24.5322 40.3123H21.2178L18.1665 45.2076H18.0368L14.9522 40.3123H11.4968L16.0496 47.0583L11.4523 53.9165H14.6482L17.8106 49.1028H17.9404L21.0917 53.9165H24.4544L19.8089 47.1399L24.5322 40.3123ZM31.6876 42.5644V53.9165H28.7439V42.5644H24.5397V40.3123H35.8993V42.5644H31.6839H31.6876Z"
fill="#9747FF" />
</svg>
<svg class="icon2" xmlns="http://www.w3.org/2000/svg" width="47" height="48" viewBox="0 0 47 48"
fill="none">
<path
d="M45.0155 38.4043L37.1422 30.289L31.0863 27.7101C33.1028 24.7545 34.1831 21.2283 34.1791 17.615C34.1791 7.90203 26.5128 0 17.0896 0C7.66632 0 0 7.90203 0 17.615C0 27.328 7.66632 35.23 17.0896 35.23C20.6256 35.2342 24.0748 34.1014 26.9568 31.9896L29.4522 38.2149L37.3252 46.3306C37.8301 46.8511 38.4295 47.2639 39.0893 47.5456C39.749 47.8273 40.4561 47.9723 41.1702 47.9723C41.8843 47.9724 42.5914 47.8274 43.2511 47.5458C43.9108 47.2641 44.5103 46.8513 45.0152 46.3308C45.5202 45.8104 45.9208 45.1925 46.194 44.5125C46.4673 43.8325 46.608 43.1037 46.608 42.3676C46.6081 41.6316 46.4674 40.9027 46.1942 40.2227C45.9209 39.5427 45.5204 38.9248 45.0155 38.4043ZM3.1072 17.615C3.1072 9.66824 9.37985 3.20273 17.0896 3.20273C24.7993 3.20273 31.072 9.66824 31.072 17.615C31.072 25.5618 24.7993 32.0273 17.0896 32.0273C9.37985 32.0273 3.1072 25.5618 3.1072 17.615ZM42.8182 44.066C42.3808 44.5157 41.7882 44.7683 41.1703 44.7683C40.5525 44.7683 39.9599 44.5157 39.5225 44.066L32.0873 36.4022L29.7672 30.6138L35.3832 33.0052L42.8184 40.669C43.2547 41.1198 43.4997 41.7307 43.4997 42.3675C43.4996 43.0043 43.2546 43.6151 42.8182 44.066Z"
fill="#9747FF" />
</svg>
<svg class="icon3" xmlns="http://www.w3.org/2000/svg" width="47" height="50" viewBox="0 0 47 50"
fill="none">
<path
d="M25.0896 21.8643C14.6966 20.2314 11.3544 18.5432 11.3544 15.9139C11.3544 12.8972 15.9786 10.7938 23.7161 10.7938C31.8656 10.7938 34.8873 13.1463 35.162 16.6058H45.2803C44.9598 11.8455 40.1525 7.47261 30.5837 6.06112V0H16.8485V5.97809C7.9664 7.1405 0.82411 10.6277 0.82411 15.9693C0.82411 22.3625 9.56884 25.5453 22.3426 27.3996C33.7885 29.0602 36.0777 31.4957 36.0777 34.0696C36.0777 35.9793 33.8343 39.0237 23.7161 39.0237C14.2846 39.0237 10.5761 36.4774 10.0725 33.2116H0C0.549407 39.2727 8.05797 42.6769 16.8485 43.8117V49.8174H30.5837V43.867C39.5115 42.843 46.608 39.7156 46.608 34.0419C46.608 26.1818 35.4825 23.4972 25.0896 21.8643Z"
fill="#9747FF" />
</svg>
<div class="outcontainer">
<div class="outcontainer1">
<a href="信息导入.html">
<div class="getexcel">
<div class="text">信息导入</div>
</div>
</a>
</div>
</div>
<a href="点名详细页面.html">
<div class="outcontainer2">
<div class="text2">随机点名</div>
</div>
</a>
<a href="积分查看.html">
<div class="outcontainer3">
<div class="text3">积分查看</div>
</div>
</a>
</div>
</div>
</body>
</html>