-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail_project.html
94 lines (94 loc) · 9.77 KB
/
detail_project.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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Aug 16 2021 06:43:51 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="610b977ebb95c6499654a96f" data-wf-site="610b977ebb95c65a3354a964">
<head>
<meta charset="utf-8">
<title></title>
<meta content="-" name="description">
<meta content="" property="og:title">
<meta content="-" property="og:description">
<meta content="" property="og:image">
<meta content="" property="twitter:title">
<meta content="-" property="twitter:description">
<meta content="" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/deng-yue-gong-fang.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["DM Sans:regular,italic,500,500italic,700,700italic","Fahkwang:regular,italic,500,500italic,600,600italic,700,700italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="all" data-animation="default" data-duration="400" data-easing="ease-in-out-circ" data-easing2="ease-in-out-circ" data-w-id="a29a76ff-6440-ccdb-2b17-fc612eda8a87" role="banner" class="navbar w-nav">
<div class="nav-block">
<div class="nav">
<a href="index.html" class="brand w-nav-brand"><img src="images/logo-white.png" loading="lazy" sizes="(max-width: 479px) 60px, 90px" srcset="images/logo-white-p-500.png 500w, images/logo-white-p-800.png 800w, images/logo-white-p-1080.png 1080w, images/logo-white.png 1229w" alt="" class="logo"></a>
</div>
<div class="nav">
<div class="menu-button w-nav-button">
<div class="block-menu-button">
<div class="block-text-link">
<div class="text-link">菜单<br></div>
</div>
<div class="icon-menu-bg"><img src="images/Icon-Menu.svg" loading="lazy" alt="" class="icon-menu"></div>
</div>
</div>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="index.html" class="nav-link">首页</a>
<a href="apollo-join.html" class="nav-link">Apollo Day 报名</a>
</nav>
</div>
</div>
</div>
<div class="section-hero wf-section">
<div class="content">
<div class="block-single-page">
<div data-w-id="8adefff8-6958-929a-c74d-a2f6b1237d0f" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="project-info"></div>
<h1 data-w-id="1b608e80-7d65-fb35-860d-cc794aaace8e" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="heading-single-page"></h1>
<div data-w-id="92e09223-5dc8-d599-592b-1fedc495f7ab" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="block-project-description">
<div class="project-description">
<div class="text-description">Year</div>
<h5 class="heading-description"></h5>
</div>
<div class="project-description">
<div class="text-description">Role</div>
<h5 class="heading-description"></h5>
</div>
<div class="project-description">
<div class="text-description">Company</div>
<h5 class="heading-description"></h5>
</div>
</div>
</div><img data-w-id="75ae6fc4-18f2-6d15-98ad-820f1a1e1575" loading="lazy" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" src="" alt="" class="main-project-image">
<div data-w-id="540e0fca-351e-ea21-5dae-1d3d31bbacf4" style="opacity:0;-webkit-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 25px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="rich-text-block w-richtext"></div>
</div>
</div>
<div class="section-banner wf-section">
<div data-w-id="88c7c811-526e-795f-86ce-6fab78783a1e" class="w-layout-grid grid-banner">
<div class="block-banner-text">
<h2 class="heading-banner"><span class="text-span-10">与我们一起 </span><span class="text-span-12">“登月”</span><span class="text-span-10"> </span><span class="text-span-11">扫码加入我们的探索群</span></h2><img src="images/IMG_6914.jpg" loading="lazy" width="134" sizes="134px" srcset="images/IMG_6914-p-500.jpeg 500w, images/IMG_6914-p-800.jpeg 800w, images/IMG_6914.jpg 843w" alt="">
</div>
<div class="block-banner-image">
<div class="w-layout-grid grid-banner-image">
<div class="w-layout-grid grid-banner---row-1"><img src="images/IMG_6243.JPG" loading="eager" sizes="(max-width: 767px) 100vw, (max-width: 991px) 39vw, 34vw" srcset="images/IMG_6243-p-500.jpeg 500w, images/IMG_6243-p-1080.jpeg 1080w, images/IMG_6243.JPG 1440w" alt="" class="image-banner"><img src="images/IMG_6865.JPG" loading="eager" sizes="(max-width: 767px) 100vw, (max-width: 991px) 45vw, 40vw" srcset="images/IMG_6865-p-500.jpeg 500w, images/IMG_6865-p-800.jpeg 800w, images/IMG_6865-p-1080.jpeg 1080w, images/IMG_6865-p-1600.jpeg 1600w, images/IMG_6865-p-2000.jpeg 2000w, images/IMG_6865-p-2600.jpeg 2600w, images/IMG_6865-p-3200.jpeg 3200w, images/IMG_6865.JPG 4032w" alt="" class="image-banner"><img src="images/IMG_6293.JPG" loading="eager" sizes="(max-width: 767px) 100vw, (max-width: 991px) 53vw, 48vw" srcset="images/IMG_6293-p-1080.jpeg 1080w, images/IMG_6293-p-1600.jpeg 1600w, images/IMG_6293-p-2000.jpeg 2000w, images/IMG_6293-p-2600.jpeg 2600w, images/IMG_6293-p-3200.jpeg 3200w, images/IMG_6293.JPG 4608w" alt="" class="image-banner"></div>
<div class="w-layout-grid grid-banner---row-2"><img src="images/IMG_6249.JPG" loading="eager" sizes="(max-width: 767px) 100vw, (max-width: 991px) 65vw, 61vw" srcset="images/IMG_6249-p-800.jpeg 800w, images/IMG_6249.JPG 850w" alt="" class="image-banner"><img src="images/IMG_5487.JPG" loading="eager" sizes="(max-width: 767px) 100vw, (max-width: 991px) 80vw, 100vw" srcset="images/IMG_5487-p-1080.jpeg 1080w, images/IMG_5487-p-1600.jpeg 1600w, images/IMG_5487.JPG 1620w" alt="" class="image-banner"><img src="images/IMG_6272.JPG" loading="eager" sizes="100vw" srcset="images/IMG_6272-p-800.jpeg 800w, images/IMG_6272.JPG 850w" alt="" class="image-banner"></div>
<div class="w-layout-grid grid-banner---row-3"><img src="images/IMG_6265.jpg" loading="eager" alt="" class="image-banner"><img src="images/IMG_6865.JPG" loading="eager" sizes="100vw" srcset="images/IMG_6865-p-500.jpeg 500w, images/IMG_6865-p-800.jpeg 800w, images/IMG_6865-p-1080.jpeg 1080w, images/IMG_6865-p-1600.jpeg 1600w, images/IMG_6865-p-2000.jpeg 2000w, images/IMG_6865-p-2600.jpeg 2600w, images/IMG_6865-p-3200.jpeg 3200w, images/IMG_6865.JPG 4032w" alt="" class="image-banner"><img src="images/hero_img_1.jpg" loading="eager" alt="" class="image-banner"></div>
</div>
</div>
</div>
</div>
<div class="section-footer wf-section">
<a href="https://webflow.com/" target="_blank" class="link-footer">在北京用 ❤️ 发电</a>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=610b977ebb95c65a3354a964" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>