diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a5c5ab2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="zh-ch">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="main.css">
+    <link rel="shortcut icon" href="img/fzu.jpg" type="image/x-icon">
+    <title>代码双侠的点名网站</title>
+</head>
+<body>
+    
+    
+    <div class="bg">
+        <div class="proflieCard">
+            <div class="logo1">
+                <img src="img/fzu.jpg" alt="" class="logo2">
+            </div>
+            <p class="name">欢迎光临</p>
+
+            <div class="buttons">
+                <button class="button1" onclick="startExtraction()">开始点名</button>
+            </div>
+
+            <footer class="footer">
+                <p class="footer2">&nbsp 作者 <a>代码双侠</a></p>
+            </footer>
+
+        </div>
+
+        <div class="newScreen" style="display: none">
+            <div class="logo1">
+                <img src="img/fzu.jpg" alt="" class="logo2">
+            </div>
+            <div class="buttons">
+                <button class="button1" onclick="importFile()">导入文件</button>
+                <button class="button1" onclick="exportFile()">导出文件</button>
+                <br>
+                <button class="button1" onclick="drawStudent()">抽取一次</button>
+                <button class="button1" onclick="drawTenStudents()">抽取十次</button>
+            </div>
+            <div id="selectedStudent"></div>
+        </div>
+
+        
+    </div>
+    
+
+    <div class="background" id="background"></div>
+    <div class="yinghua" id="yinghua"></div>
+    <div class="background2" id="background2"></div>
+
+    <script src="main.js"></script>
+    <script>
+        window.onload=load2D_bg();
+        window.onload=load2D_bg2();
+        window.onload=load2D_bg2_2();//不写注释一时爽，写完再看火葬场
+        window.onload=load2D_yinghua();
+        
+        
+    </script>
+    
+</body>
+</html>
