-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (162 loc) · 8.25 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
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>The confessions of a programmer</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<div class="content">
<img src="./imge/include-logo.png" alt="">
<h3 class='english'>
Im a
<strong>design</strong> and <strong>front--developer</strong> ,come from Taiyuan.
</h3>
<p class='english'>Specializing in the web development industry,
cooperation with technology and media company, creating web sites,
apps, UI design,new media operations and more.</p>
<h3 class="chinese">
我是一名
<strong>设计师</strong> 和 <strong>前端工程师</strong> ,来自山西太原.
</h3>
<p class="chinese">五年工作经验,专门从事网页开发技术以及和新媒体公司的合作,创建网站,应用程序,用户界面设计,新媒体操作,以及大数据运营等等。</p>
</div>
</div>
<div class="translate">
<p class="ch">CN</p>
<p class="en">EN</p>
</div>
<div class="container container1">
<div class="content">
<div class="carousel">
<!--<ul>-->
<!--<li class="hot"></li>-->
<!--<li></li>-->
<!--<li></li>-->
<!--</ul>-->
<div class="imgbox">
<a href="#">
<img src="./imge/skill.png" alt="">
</a>
</div>
</div>
<h3 class="english">Get Skills</h3>
<p class="english">Front end of the study need to perserve,
depth and breadth of knowledge is very important.
And front-end development priority is the understanding of the native javascript,
today's way of thinking must be modular, modular, engineered</p>
<h3 class="chinese">职业技能</h3>
<p class="chinese">前端的学习需要持之以恒,知识深度与广度都很重要。
而前端开发的重中之重就是原生javascript的理解,而如今的思路必需有模块化,组件化,工程化.</p>
</div>
</div>
<div class="container container2">
<div class="content">
<div class="carousel">
<!--<ul>-->
<!--<li class="hot"></li>-->
<!--<li></li>-->
<!--<li></li>-->
<!--</ul>-->
<div class="imgbox">
<a href="project/apple/index.html" target="_blank">
<img src="./imge/apple.jpg" alt="">
</a>
</div>
</div>
<h3 class="english">My Project</h3>
<p class="english">Through the project to do, to have a deeper understanding of programming.
The project to do,
Is the most important is not how quickly will themselves assigned tasks done,
but should pay attention to team work.</p>
<h3 class="chinese">我的作品</h3>
<p class="chinese">通过做项目,可以对编程有更深的认识。做项目的时候,
最重要的不是自己如何快速地将自己分配的任务做完,而是要注重团队合作。</p>
</div>
</div>
<div class="container container1 container3">
<div class="content">
<div>
<h3 class="english">About Me</h3>
<p class="english">In 2012 graduated from Shanxi Coal Management Cadre Institute</p>
<p class="english">In 2017, graduated from xi 'an jiaotong university computer science and technology</p>
<p class="english top">Have a strong desire to do better and thirst for knowledge, deeply loves the front-end technology, good at learning and application of new knowledge, personality optimistic, good at communication, strong ability to learn
Like elegant code, code ocd patients</p>
<p class="english top">Be familiar with the HTML 5 and CSS 3, familiar with HTML, DIV + CSS, such as front-end development technology, familiar with the W3C specification</p>
<p class="english">Familiar with JavaScript, Ajax, json, DOM, such as front-end technology, familiar with object-oriented programming ideas</p>
<p class="english">Familiar with using the jQuery framework class library, the Bootstrap, realize the web effects and user interaction experience, familiar with all kinds of front-end debugging tools</p>
<p class="english">Master Sass, Gulp, Webpack and git front-end project construction and management tools</p>
<p class="english"> Understand the react. Js framework, understand PHP server-side language, familiar with CommenJs modular development specification</p>
</div>
<div>
<h3 class="chinese">关于我</h3>
<p class="chinese">2012年毕业于山西煤炭管理干部学院</p>
<p class="chinese">2017年毕业于西安交通大学计算机科学与技术专业</p>
<p class="chinese">有强烈的上进心和求知欲,热爱前端技术,善于学习和运用新知识</p>
<p class="chinese">性格乐观,善于沟通,有较强的学习能力,喜欢优雅的代码,代码强迫症患者</p>
<p class="chinese top">熟悉HTML5、CSS3,熟练掌握HTML、DIV+CSS等前端开发技术,熟悉W3C规范</p>
<p class="chinese"> 熟悉JavaScript、Ajax、Json、DOM等前端技术,熟悉面向对象编程思想</p>
<p class="chinese">熟悉使用jQuery类库、Bootstrap框架,实现网页特效和用户交互体验,熟悉各种前端调试工具</p>
<p class="chinese">掌握Sass、git等前端项目构建和管理工具</p>
<p class="chinese">了解react.js框架,了解服务端语言PHP</p>
</div>
</div>
</div>
<div class="container container2 container4">
<div class="content">
<h3 class="english">My client service</h3>
<h3 class="chinese">我的客户</h3>
<div><img src="./imge/universal-01.svg" alt=""></div>
<div><img src="./imge/decca-01.svg" alt=""></div>
<div><img src="./imge/emi.svg" alt=""></div>
<div><img src="./imge/sunday-times-01.svg" alt=""></div>
<div><img src="./imge/broadway-malyan-01.svg" alt=""></div>
</div>
</div>
<div class="container container1 container5">
<div class="content">
<div>
<h3 class="english">Please get in touch to find out more</h3>
<p class="english">lyer-Wang</p>
<p class="english"> uek, Xiaodian District, Taiyuan Shanxi</p>
<p class="english"> (+86)13453168472</p>
<p class="english"><a href="#">[email protected]</a></p>
<p class="english"><a href="#">[email protected] </a></p>
<p class="english"> <a href="#">@lyerdigitalblog</a></p>
<p class="english"> <a href="#">blog</a></p>
</div>
<div>
<h3 class="chinese">联系了解更多</h3>
<p class="chinese">王磊</p>
<p class="chinese"> 山西省, 太原市, 小店区, 优逸客科技</p>
<p class="chinese"> (+86)13453168472</p>
<p class="chinese"><a href="#">[email protected]</a></p>
<p class="chinese"><a href="#">[email protected] </a></p>
<p class="chinese"> <a href="#">@lyerdigitalblog</a></p>
<p class="chinese"> <a href="#">博客</a></p>
</div>
</div>
</div>
<div class="footer">
<div class="content">
<p class="english">
lyer-Wang, uek Xiaodian District, Taiyuan Shanxi.
<a href="#">(+86)13453168472.</a>
<a href="#">[email protected]</a>
<a href="#">@lyerdigitalblog</a>
<a href="#">blog</a>
</p>
<p class="chinese">
王磊 , 山西省, 太原市, 小店区, 优逸客.
<a href="#">(+86)13453168472.</a>
<a href="#">[email protected]</a>
<a href="#">@lyerdigitalblog</a>
<a href="#">博客</a>
</p>
</div>
</div>
</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/index.js"></script>
</html>