-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (133 loc) · 6.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/data.css" />
<link rel="stylesheet" href="css/about.css" />
<link rel="stylesheet" href="css/homePage.css" />
<link rel='stylesheet' href="css/Diagnosis.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/help.css">
<link rel="stylesheet" href="css/git.css">
<script type="text/javascript" src="js/jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-3.5.1/jquery.particleground.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/about.js"></script>
</head>
<body style="width:100%;background-color: #062427;margin: 0;">
<div id="body_div" style="width:100%;height:100%;">
<div class="top_menu" id="head_div" style="float:left;width:100%;height: 65px;background-color: #000000;background: rgba(0,0,0,0.5);position: absolute;top: 0;left:0;">
<ul>
<li>
<div class="head_menu" id="About">
<span style="cursor: pointer">About</span>
</div>
</li>
<!-- <li>
<div class="head_menu" id="Reproduction_Package">
<span style="cursor: pointer">Reproduction Package</span>
</div>
</li> -->
<!-- <li>
<div class="head_menu" id="Issuereport">
<span style="cursor: pointer">Issue Reports</span>
</div>
</li> -->
<li>
<div class="head_menu" id="Diagnosis">
<span style="cursor: pointer">Demo</span>
</div>
</li>
<li>
<div class="head_menu active" id="Home">
<span style="cursor: pointer">Home</span>
</div>
</li>
</ul>
<!-- <div style="float:left;margin-left:20px;">
<img id="logo_img" style="margin-top: 6px;height: 60px;" src="img/Slimming_logo.png" />
</div> -->
</div>
<div id="main_div" class="main_content" style="position: absolute;top:65px;width:100%;">
<div
style="
position: absolute;
top: 0;
width: 100%;
height: 100%;
min-height: 870px;
border-radius: 10px;
background-image: url('img/homePage.jpg');
background-repeat: repeat-x;
background-size: cover; /* Ensures full background coverage */
opacity: 0.7;
">
<div id="h2w_div" style="width:280px;height:60px;margin:auto;text-align: center;margin-top:200px;border-radius: 36px;background:linear-gradient(to bottom, #0000FF, #99CCFF);box-shadow: inset 0px 0px 4px 0px #ffffff;">
<div id="click_div" style="float: left;margin-left: 13px;margin-top: 10px;">
<img src='img/seq/点击0000.png' class="click_no_active click_active" />
<img src='img/seq/点击0001.png' class="click_no_active" />
<img src='img/seq/点击0002.png' class="click_no_active" />
<img src='img/seq/点击0003.png' class="click_no_active" />
<img src='img/seq/点击0004.png' class="click_no_active" />
<img src='img/seq/点击0005.png' class="click_no_active" />
<img src='img/seq/点击0006.png' class="click_no_active" />
<img src='img/seq/点击0007.png' class="click_no_active" />
<img src='img/seq/点击0008.png' class="click_no_active" />
<img src='img/seq/点击0009.png' class="click_no_active" />
<img src='img/seq/点击0010.png' class="click_no_active" />
<img src='img/seq/点击0011.png' class="click_no_active" />
<img src='img/seq/点击0012.png' class="click_no_active" />
<img src='img/seq/点击0013.png' class="click_no_active" />
<img src='img/seq/点击0014.png' class="click_no_active" />
<img src='img/seq/点击0015.png' class="click_no_active" />
<img src='img/seq/点击0016.png' class="click_no_active" />
<img src='img/seq/点击0017.png' class="click_no_active" />
<img src='img/seq/点击0018.png' class="click_no_active" />
<img src='img/seq/点击0019.png' class="click_no_active" />
<img src='img/seq/点击0020.png' class="click_no_active" />
<img src='img/seq/点击0021.png' class="click_no_active" />
<img src='img/seq/点击0022.png' class="click_no_active" />
<img src='img/seq/点击0023.png' class="click_no_active" />
<img src='img/seq/点击0024.png' class="click_no_active" />
<img src='img/seq/点击0025.png' class="click_no_active" />
<img src='img/seq/点击0026.png' class="click_no_active" />
<img src='img/seq/点击0027.png' class="click_no_active" />
<img src='img/seq/点击0028.png' class="click_no_active" />
</div>
<div style="float: left;margin-left: 12px;">
<span id="How" style="font-family: PingFangSC-Medium;text-decoration: underline;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 58px;letter-spacing: 0px;color: #ffffff; cursor: pointer">How
Trimming works?</span>
</div>
</div>
<div style="width:1000px;margin:auto;text-align: center;margin-top:40px;">
<span style="font-family: SourceHanSerifSC-Heavy;font-size: 45px;font-weight: normal;font-stretch: normal;line-height: 89px;letter-spacing: 0px;color: #FFFFFF;">Trimming</span>
</div>
<div style="width:1200px;margin:auto;text-align: center;margin-top:20px;">
<span style="font-family: SourceHanSerifSC-Heavy;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 89px;letter-spacing: 0px;color: #ffffff;">
Leveraging Enhanced Static Analysis and Constraint Rules
</span></br>
<span style="font-family: SourceHanSerifSC-Heavy;font-size: 30px;font-weight: normal;font-stretch: normal;line-height: 50px;letter-spacing: 0px;color: #ffffff;"> for
Effective Software Debloating in Builds</span>
</div>
<div id="diagnosis_div" class="login-box">
<a href="#">
<span></span>
<span></span>
<span></span>
<span></span>
Start
</a>
</div>
<div style="position: fixed;right: 55px;bottom:55px;">
<img style="position: relative;" src='img/java.png' />
</div>
</div>
</div>
</div>
</body>
</html>