1<!DOCTYPE html> 2<html> 3 4<head> 5 <meta charset="utf-8" /> 6 <title></title> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, 8 user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 9 <link rel="stylesheet" href="./css/normalize.css"> 10 <link rel="stylesheet" href="./css/bootstrap.min.css"> 11 <!-- <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> --> 12
12<script src="./js/book.json"></script>
12 13 14</head> 15<style> 16 html { 17 background: #141414; 18 } 19 20 body { 21 font-size: 16px; 22 background: #141414; 23 } 24 25 .wrapper { 26 background: #141414; 27 overflow: hidden; 28 } 29 30 /*å»é¤aæ ç¾ä¸å线*/ 31 a { 32 text-decoration: none; 33 } 34 35 å»é¤æªè¢«è®¿é®çaæ ç¾çä¸å线 a:link { 36 text-decoration: none; 37 } 38 39 /*å»é¤å·²ç»è¢«è®¿é®è¿çaæ ç¾çä¸å线*/ 40 a:visited { 41 text-decoration: none; 42 } 43 44 /*å»é¤é¼ æ æ¬åæ¶çaæ ç¾çä¸å线*/ 45 a:hover { 46 text-decoration: none; 47 } 48 49 /*å»é¤æ£å¨ç¹å»çaæ ç¾çä¸å线ï¼é¼ æ æä¸ï¼å°æªæ¾å¼ï¼*/ 50 a:active { 51 text-decoration: none; 52 } 53 54 /*å»é¤è·å¾ç¦ç¹çaæ ç¾çä¸å线ï¼è¢«é¼ æ ç¹å»è¿ï¼*/ 55 a:focus { 56 text-decoration: none; 57 } 58 59 60 .head { 61 width: 100%; 62 min-height: 4.5rem; 63 display: flex; 64 align-items: center; 65 color: #fff; 66 background: #050505; 67 border-bottom: 1px solid rgba(255, 255, 255, .08); 68 box-sizing: border-box; 69 } 70 71 .head_inner { 72 width: 100%; 73 margin: 0 auto; 74 padding: 0 2rem; 75 display: flex; 76 align-items: center; 77 box-sizing: border-box; 78 } 79 80 .head_logoLink { 81 display: inline-flex; 82 align-items: center; 83 min-height: 2.75rem; 84 border-radius: 4px; 85 cursor: pointer; 86 } 87 88 .head_logoLink:focus-visible { 89 outline: 2px solid rgba(255, 255, 255, .88); 90 outline-offset: 4px; 91 } 92 93 .head_logo { 94 display: block; 95 width: 14rem; 96 height: auto; 97 max-width: 60vw; 98 } 99 100 @media screen and (max-width: 480px) { 101 .head { 102 min-height: 3.75rem; 103 } 104 105 .head_inner { 106 padding: 0 1.25rem; 107 } 108 109 .head_logo { 110 width: 11rem; 111 } 112 } 113 114 a { 115 text-decoration: none; 116 color: #333; 117 } 118 119 a:hover, 120 a:visited, 121 a:link, 122 a:active { 123 text-decoration: none; 124 cursor: pointer; 125 } 126 127 .link { 128 width: 600px; 129 text-align: left; 130 margin-bottom: 5px; 131 } 132 133 .link img { 134 width: 30px; 135 } 136 137 .link span { 138 color: #fff; 139 margin: 0 5px 140 } 141 142 .center { 143 width: 100%; 144 /* height: 45rem; */ 145 position: relative; 146 background: #141414; 147 line-height: 0; 148 } 149 150 .center>img { 151 display: block; 152 width: 100%; 153 height: auto; 154 } 155 156 .center .box { 157 position: absolute; 158 width: 40%; 159 height: 17%; 160 flex-shrink: 0; 161 border-radius: 8px; 162 bottom: 3.5rem; 163 background: #00000099; 164 left: 50%; 165 margin-left: -20%; 166 } 167 168 .box img:nth-child(2) { 169 width: 39%; 170 position: absolute; 171 bottom: 18%; 172 left: 9%; 173 cursor: pointer; 174 } 175 176 .box a { 177 width: 39%; 178 height: 3.125rem; 179 position: absolute; 180 bottom: 18%; 181 right: 9%; 182 } 183 184 .box .box_title { 185 position: absolute; 186 top: 20%; 187 left: 9%; 188 color: #ffffff; 189 font-family: "PingFang SC"; 190 font-size: 2rem; 191 font-style: normal; 192 line-height: 20px; 193 font-weight: 500; 194 text-transform: capitalize; 195 } 196 197 @media screen and (max-width: 768px) { 198 .box .box_title { 199 font-size: 2rem; 200 } 201 } 202 203 @media screen and (max-width: 480px) { 204 .box .box_title { 205 font-size: .7rem; 206 top: 2%; 207 } 208 } 209 210 211 .box a img { 212 width: 100%; 213 position: absolute; 214 bottom: 0; 215 right: 0; 216 z-index: 9; 217 } 218 219 .image_section, 220 .image_section_wrap { 221 width: 100%; 222 background: #141414; 223 line-height: 0; 224 overflow: hidden; 225 } 226 227 .image_section img { 228 width: 100%; 229 height: auto; 230 max-width: 100%; 231 display: block; 232 margin: 0 auto; 233 234 } 235 .foot { 236 width: 100%; 237 background: black; 238 padding: .8rem 9rem; 239 color: white; 240 padding-top: 2rem; 241 padding-bottom: 3rem; 242 } 243 244 .foot_p_main { 245 display: flex; 246 } 247 248 .foot_piece { 249 width: 33.33%; 250 } 251 252 .foot_piece h5 { 253 font-size: 18px; 254 font-weight: bolder; 255 } 256 257 .foot_piece p { 258 font-size: 16px; 259 color: #9C9C9C; 260 } 261 262 .foot_btn:nth-child(3) { 263 margin-top: .9rem; 264 } 265 266 .foot_btn img { 267 width: 45%; 268 margin: 3px 0; 269 cursor: pointer; 270 } 271 272 @media screen and (max-width: 480px) { 273 .foot_btn img { 274 width: 100%; 275 margin: 3px 0; 276 } 277 } 278</style> 279 280<body> 281 <div class="wrapper" style="font-size: 16px;"> 282 283 <div class="center"> 284 <img src="./img/kuorizon/bg.png" style="width: 100%;" alt=""> 285 </div> 286 287 <div class="image_section_wrap"> 288 <div class="image_section"> 289 <img src="./img/Group2871.png" alt=""> 290 </div> 291 </div> 292 293 <div class="image_section"> 294 <img src="./img/kuorizon/Frame 133.png" alt=""> 295 </div> 296 297 <div class="image_section_wrap"> 298 <div class="image_section"> 299 <img src="./img/Group2883.png" alt=""> 300 </div> 301 </div> 302 303 </div> 304 305</body> 306<!--
306<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
306 307
307<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
307 -->
308<script src="./js/jquery.min.js"></script>
vendor: 1 bytes, line 308
308
309<script src="./js/bootstrap.min.js"></script>
309 310 311</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.