resume.io/index.html at main · YliangWu/resume.io · GitHub

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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <title>My Website</title>
</head>

<body>
  <!-- Header -->
  <section id="header">
    <div class="header container">
      <div class="nav-bar">
        <div class="brand">
          <a href="#hero">
            <h1><span>W</span>u <span>Y</span>uliang</h1>
          </a>
        </div>
        <div class="nav-list">
          <div class="hamburger">
            <div class="bar"></div>
          </div>
          <ul>
            <li><a href="#hero" data-after="Home">Home</a></li>
            <li><a href="#services" data-after="Service">Services</a></li>
            <li><a href="#projects" data-after="Projects">Projects</a></li>
            <li><a href="#about" data-after="About">About</a></li>
            <li><a href="#contact" data-after="Contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- End Header -->


  <!-- Hero Section  -->
  <section id="hero">
    <div class="hero container">
      <div>
        <h1>你好, <span></span></h1>
        <h1>我是 <span></span></h1>
        <h1>吴宇亮 <span></span></h1>
        <a href="#projects" type="button" class="cta">Portfolio</a>
      </div>
    </div>
  </section>
  <!-- End Hero Section  -->

  <!-- Service Section -->
  <section id="services">
    <div class="services container">

      <div class="service-top">
        <h1 class="section-title">Serv<span>i</span>ces</h1>
        <p>你好！欢迎来到我的主页。我正于中山大学智能工程学院智能科学与技术专业修读学士学位，将于2025年6月毕业。<br>
          我的个人学术兴趣方向包括深度学习、机器人控制、嵌入式开发等。业余喜欢唱、不会跳和rap、打篮球。欢迎志同道合的朋友共同交流进步。</p>
      </div>

      <div class="service-bottom">

        <div class="service-item1">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
          <h2>母校---中山大学</h2>
          <p>中山大学（Sun Yat-sen University），简称“中大”，位于广东省，由中华人民共和国教育部直属，是教育部、国家国防科技工业局和广东省共建的综合性全国重点大学，位列国家“双一流”、“985工程”、“211工程”，入选国家“珠峰计划”、“111计划”、“2011计划”、卓越法律人才教育培养计划、卓越医生教育培养计划、国家大学生创新性实验计划、国家级大学生创新创业训练计划、国家建设高水平大学公派研究生项目、新工科研究与实践项目、全国深化创新创业教育改革示范高校、国家大学生文化素质教育基地、国家创新人才培养示范基地、国家国际科技合作基地、首批高等学校科技成果转化和技术转移基地、学位授权自主审核单位等，是环太平洋大学联盟、中国高校行星科学联盟、中国人工智能教育联席会、中国自由贸易试验区研究院联盟、大学通识教育联盟、粤港澳高校联盟、粤港澳大湾区物流与供应链创新联盟成员。<br>
            1924年，孙中山亲手将广州地区多所高校整合创立国立广东大学。1926年定名为国立中山大学。如今该校由1952年院系调整后分设的中山大学和中山医科大学于2001年10月合并而成。<br>
            截至2023年5月，学校由广州、珠海、深圳三个校区、五个校园及十家附属医院组成；设有70个学院（系、部），有136个本科专业；有博士后科研流动站44个，一级学科博士点57个，一级学科硕士点64个，专业学位类别43种；有在校学生65965人，普通本科生33093人，硕士22617人，博士9647人，留学生608人；专任教师4970人。
          </p>
        </div>

        <div class="service-item0">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/services.png" /></div>
          <h2>院系-智能工程学院</h2>
          <p>2015年11月，中山大学与深圳市政府签署合作协议，市校合作通过10年左右的努力，将深圳校区建成具有中国特色、传承中山大学办学传统，具有世界一流水平的大学校区，使之成为支撑引领深圳经济社会发展，辐射粤港澳湾区及亚太地区的高层次创新人才重要培养基地。<br>
            学院现有教职工133人，其中专任教师63人。拥有1个一级学科博士点（控制科学与工程）、1个专业学位博士点（电子信息）、2个一级学科硕士点（控制科学与工程、交通运输工程）、2个专业硕士学位点（电子信息、交通运输），2个本科专业（智能科学与技术、智慧交通）。在校本科生、硕士生和博士生共1417人。<br>
            学院已建设有5个省部级科研平台、2个厅局级实验室、2个院级研究中心、多个科研与教学实验室；正在建设无人系统和车路协同智能控制两大科研平台。一批具有影响力的研究成果在行业中获得实际应用。</p>
        </div>

      </div>
    </div>
  </section>
  <!-- End Service Section -->

  <!-- Projects Section -->
  <section id="projects">
    <div class="projects container">
      <div class="projects-header">
        <h1 class="section-title">Recent <span>Projects</span></h1>
      </div>
      <div class="all-projects">
        <div class="project-item">
          <div class="project-info">
            <h1>软件工程</h1>
            <h2>Coding is Love</h2>
            <p>使用代码写出自己想拥有的项目多事一件美事。感谢智能工程学院提供软件工程课程这个平台，让我们学习前端开发这一项新技能。</p>
          </div>
          <div class="project-img">
            <!-- <img src="./img/img-1.png" alt="img">原模板  -->
            <img src="./img/project.jpg" alt="img"><!-- 换了新图片 -->
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>深度学习</h1>
            <h2>AI is future</h2>
            <p>21世纪，是人工智能的世纪。幸运在21年人工智能并不那么火热的时候选择了这一个专业。经过学习，我发现自己对深度学习有着浓厚的兴趣。尽管一个模型是如何做出最终的正确决策的这个过程依然是个谜题，但是，去探索让模型发挥更高性能这件事依然让我心生向往。</p>
          </div>
          <div class="project-img">
            <img src="./img/library.jpg" alt="img">
          </div>
        </div>
        <div class="project-item">
          <div class="project-info">
            <h1>机器人与嵌入式开发</h1>
            <h2>Learning by applying</h2>
            <p>任何一项技术，只有应用，才能发挥最大价值。将各种智能算法应用在具体的事物上使我振奋。我关注与向往具身智能，或是人工智能的落地应用。尽管目前难以接触到高层次的领域，我也希望使用简单的嵌入式开发，探索知识转化的过程。</p>
          </div>
          <div class="project-img">
            <img src="./img/robot.jpg" alt="img">
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Projects Section -->

  <!-- About Section -->
  <section id="about">
    <div class="about container">
      <div class="col-left">
        <div class="about-img">
          <img src="./img/babypic.jpg" alt="img">
        </div>
      </div>
      <div class="col-right">
        <h1 class="section-title">About <span>me</span></h1>
        <h2>A student working for his future.</h2>
        <p>你好！欢迎来到我的主页。我正于中山大学智能工程学院智能科学与技术专业修读学士学位，将于2025年6月毕业。
          我的个人学术兴趣方向包括深度学习、机器人控制、嵌入式开发等。业余喜欢唱、不会跳和rap、打篮球。欢迎志同道合的朋友共同交流进步。
          ......(fill in future)
        </p>
        <a href="#" class="cta">Download Resume</a>
      </div>
    </div>
  </section>
  <!-- End About Section -->

  <!-- Contact Section -->
  <section id="contact">
    <div class="contact container">
      <div>
        <h1 class="section-title">Contact <span>info</span></h1>
      </div>
      <div class="contact-items">
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/phone.png" /></div>
          <div class="contact-info">
            <h1>Phone</h1>
            <h2>+86 18594925453</h2>
          </div>
        </div>
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/new-post.png" /></div>
          <div class="contact-info">
            <h1>Email</h1>
            <h2>wuyliang7@mail2.sysu.edu.cn</h2>
          </div>
        </div>
        <div class="contact-item">
          <div class="icon"><img src="https://img.icons8.com/bubbles/100/000000/map-marker.png" /></div>
          <div class="contact-info">
            <h1>Address</h1>
            <h2>广东省深圳市光明区公常路66号</h2>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Contact Section -->

  <!-- Footer -->
  <section id="footer">
    <div class="footer container">
      <div class="brand">
        <h1><span>S</span>haif <span>A</span>rfan</h1>
      </div>
      <h2>Your Complete Web Solution</h2>
      <div class="social-icon">
        <div class="social-item">
          <a href="#"><img src="https://img.icons8.com/bubbles/100/000000/facebook-new.png" /></a>
        </div>
        <div class="social-item">
          <a href="#"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png" /></a>
        </div>
        <div class="social-item">
          <a href="#"><img src="https://img.icons8.com/bubbles/100/000000/behance.png" /></a>
        </div>
      </div>
      <p>Copyright © 2020 Arfan. All rights reserved</p>
    </div>
  </section>
  <!-- End Footer -->
  <script src="./app.js"></script>
</body>

</html>