-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex-zh.html
More file actions
769 lines (734 loc) · 38.6 KB
/
Copy pathindex-zh.html
File metadata and controls
769 lines (734 loc) · 38.6 KB
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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>张森烨 | 大客户经理 · 技术销售 · 项目经理</title>
<meta name="description" content="张森烨 — 拥有15年以上电力能源行业经验的大客户经理及项目经理，管理380万用户组合，服务通用汽车、富士康、LG电子等战略客户。" />
<meta property="og:title" content="张森烨 | 大客户经理 · 技术销售 · 项目经理" />
<meta property="og:description" content="15年+ 电力能源经验 · 380万用户组合 · 1,500+ 项目交付 · 通用汽车 / 富士康 / LG / 万华 · 现居加拿大" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://isparkyou-github.github.io/index-zh.html" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body class="lang-zh">
<!-- 粒子帆布背景 -->
<canvas id="bgCanvas"></canvas>
<!-- 导航栏 -->
<nav class="navbar" id="navbar">
<div class="nav-logo">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none">
<path d="M14 2L14 8M14 8L10 12M14 8L18 12M10 12L10 20M18 12L18 20M10 20L6 24M18 20L22 24M6 24L22 24" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
<circle cx="14" cy="8" r="2" fill="currentColor"/>
</svg>
<span>张森烨</span>
</div>
<ul class="nav-links">
<li><a href="#hero">首页</a></li>
<li><a href="#about">关于我</a></li>
<li><a href="#timeline">工作经验</a></li>
<li><a href="#education">教育背景</a></li>
<li><a href="#skills">技能专长</a></li>
<li><a href="#hobbies">兴趣爱好</a></li>
<li><a href="#certs">资质证书</a></li>
<li><a href="#contact">联系我</a></li>
<li><a href="index.html" class="lang-btn">🇺🇸 English</a></li>
</ul>
<div class="nav-toggle" id="navToggle">
<span></span><span></span><span></span>
</div>
</nav>
<!-- Hero 封面部分 -->
<section class="hero" id="hero">
<div class="grid-scene" id="gridScene">
<svg id="powerLineSvg" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMax meet"></svg>
<div class="tower-container" id="towerContainer"></div>
</div>
<div class="hero-content">
<div class="hero-badge">🤝 大客户经理 · 技术销售 · 项目经理</div>
<h1 class="hero-title">
<span class="name-cn">张 森 烨</span>
<span class="name-en">Senye Zhang</span>
</h1>
<p class="hero-subtitle">电力能源 · 大客户管理 · 商务拓展 · 项目交付</p>
<div class="hero-stats">
<div class="stat">
<span class="stat-num">15+</span>
<span class="stat-label">从业年数</span>
</div>
<div class="stat-div"></div>
<div class="stat">
<span class="stat-num">380万</span>
<span class="stat-label">用户组合</span>
</div>
<div class="stat-div"></div>
<div class="stat">
<span class="stat-num">1,500+</span>
<span class="stat-label">项目交付</span>
</div>
</div>
<div class="hero-cta">
<a href="#timeline" class="btn-primary">工作履历</a>
<a href="#contact" class="btn-secondary">联系我</a>
</div>
</div>
<div class="scroll-hint">
<span>向下滑动探索</span>
<div class="scroll-arrow"></div>
</div>
</section>
<!-- 关于我部分 -->
<section class="about" id="about">
<div class="container">
<div class="section-tag">关于我</div>
<h2 class="section-title">连接电力，<span class="highlight">赋能基础设施</span></h2>
<div class="about-grid">
<div class="about-photo">
<div class="photo-frame">
<div class="photo-inner">
<svg viewBox="0 0 160 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="80" cy="55" r="30" fill="url(#avatarGrad)"/>
<path d="M50 85 Q80 110 110 85 L120 180 L40 180 Z" fill="url(#avatarGrad2)"/>
<path d="M80 25 L75 40 L85 40 Z" fill="#f0c040" opacity="0.7"/>
<defs>
<linearGradient id="avatarGrad" x1="50" y1="25" x2="110" y2="85" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#60a8fb"/>
<stop offset="100%" stop-color="#3b6fd4"/>
</linearGradient>
<linearGradient id="avatarGrad2" x1="40" y1="85" x2="120" y2="180" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#2a4a8a"/>
<stop offset="100%" stop-color="#1a2d5a"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="photo-badge">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" fill="currentColor"/>
</svg>
P.Eng (认证中)
</div>
</div>
</div>
<div class="about-text">
<p class="about-intro">
拥有 <strong>15年以上国家电网公司 (SGCC)</strong> 工作经验的<strong>大客户经理</strong>及<strong>项目经理</strong>，管理覆盖 <strong>380万用户</strong>（含40万工商业客户）的服务组合，业务横跨电力配网、新能源并网及电网现代化升级。
</p>
<p>
长期担任<strong>通用汽车、富士康、LG 电子、万华化学、海阳核电</strong>等战略客户的信赖客户经理。主导商务谈判并交付多个超过 <strong>100万加元</strong> 的资本项目，全程覆盖商机识别、合同签订到投运移交，熟练协调政府机构、EPC 总包、设计院及设备供应商等多方资源。目前正在加拿大考取 PMP、P.Eng 及 Red Seal 认证。
</p>
<blockquote class="about-quote">
我同时讲两种语言 —— 工程与商业。十五年来，我把技术复杂性转化为商业价值，把客户变成长期伙伴。
</blockquote>
<ul style="margin-top: 1.5rem; margin-bottom: 2rem; padding-left: 1.2rem; line-height: 1.7; color: var(--text-primary);">
<li style="margin-bottom: 0.8rem;"><strong>大客户与商务拓展：</strong>负责高价值工业客户的获取、增长与留存，在制造、石化、数据中心及公共事业领域建立了长期合作关系。</li>
<li style="margin-bottom: 0.8rem;"><strong>技术销售与解决方案：</strong>将复杂技术需求转化为方案建议书与价值型解决方案，能够向 CTO/CFO 级决策者清晰阐述"光伏+储能+充电"一体化投资回报。</li>
<li><strong>项目与项目群管理：</strong>累计按时按预算交付 1,500+ 项目（含百万加元级项目群），从合同谈判到送电投运全生命周期负责。PMP 认证考取中。</li>
</ul>
<div class="about-tags">
<span class="tag">大客户管理</span>
<span class="tag">商务拓展</span>
<span class="tag">技术销售</span>
<span class="tag">合同谈判</span>
<span class="tag">项目管理</span>
<span class="tag">干系人协调</span>
<span class="tag">CRM / ERP</span>
<span class="tag">充电桩基础设施</span>
<span class="tag">光伏与储能</span>
<span class="tag">需求响应</span>
<span class="tag">政企关系</span>
<span class="tag">高压电力系统 (10kV–220kV)</span>
</div>
<div class="about-links">
<a href="mailto:[email protected]" class="about-link" id="emailLink">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
</a>
<a href="tel:+16728661836" class="about-link" id="phoneLink">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
(672) 866-1836
</a>
<a href="https://www.linkedin.com/in/zhangsenye" class="about-link" id="linkedinLink" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
linkedin.com/in/zhangsenye
</a>
</div>
</div>
</div>
</div>
</section>
<!-- 工作履历部分 -->
<section class="timeline-section" id="timeline">
<div class="container">
<div class="section-tag">职业履历</div>
<h2 class="section-title">基建为骨，<span class="highlight">电力为魂</span></h2>
<p class="section-sub">从 10kV 配电到 220kV 输电 — 在电网建设中磨砺成长</p>
<div class="timeline-grid-scene" id="timelineScene">
<canvas id="timelineCanvas"></canvas>
</div>
<div class="timeline" id="timeline-cards">
<!-- Job 1: Almex Canada -->
<div class="timeline-item" data-index="0" id="tower0">
<div class="timeline-card" id="card0">
<div class="card-header">
<div class="card-company">Almex Canada Limited</div>
<div class="card-period">2026年3月 – 至今</div>
</div>
<div class="card-role">电气工程师 — 客户解决方案</div>
<p class="card-desc">
对接客户与内部团队，将技术需求转化为定制化解决方案，支持报价、方案建议书编制及产品定制。参与客户会议与需求调研，深化客户关系以推动客户留存与复购。协调工程、生产及服务团队，确保项目范围、时间表与商务承诺的一致性。
</p>
<div class="card-tags">
<span>客户解决方案</span>
<span>方案建议书</span>
<span>技术销售支持</span>
<span>跨团队协调</span>
</div>
<div class="card-voltage">加拿大</div>
</div>
<div class="timeline-marker">
<div class="tower-icon">
<svg viewBox="0 0 40 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="20" y1="0" x2="20" y2="80" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="20" x2="35" y2="20" stroke="currentColor" stroke-width="2"/>
<line x1="10" y1="35" x2="30" y2="35" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="20" x2="20" y2="8" stroke="currentColor" stroke-width="1.5"/>
<line x1="35" y1="20" x2="20" y2="8" stroke="currentColor" stroke-width="1.5"/>
<line x1="10" y1="35" x2="5" y2="20" stroke="currentColor" stroke-width="1.5"/>
<line x1="30" y1="35" x2="35" y2="20" stroke="currentColor" stroke-width="1.5"/>
<line x1="5" y1="50" x2="35" y2="50" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="50" x2="10" y2="35" stroke="currentColor" stroke-width="1.5"/>
<line x1="35" y1="50" x2="30" y2="35" stroke="currentColor" stroke-width="1.5"/>
<line x1="5" y1="50" x2="2" y2="80" stroke="currentColor" stroke-width="2"/>
<line x1="35" y1="50" x2="38" y2="80" stroke="currentColor" stroke-width="2"/>
<circle cx="5" cy="20" r="2.5" fill="currentColor"/>
<circle cx="35" cy="20" r="2.5" fill="currentColor"/>
<circle cx="10" cy="35" r="2" fill="currentColor"/>
<circle cx="30" cy="35" r="2" fill="currentColor"/>
</svg>
</div>
<div class="timeline-year">2026</div>
</div>
</div>
<!-- Job 2: Artelia Canada -->
<div class="timeline-item right" data-index="1" id="tower1">
<div class="timeline-marker">
<div class="tower-icon">
<svg viewBox="0 0 40 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="20" y1="0" x2="20" y2="80" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="20" x2="35" y2="20" stroke="currentColor" stroke-width="2"/>
<line x1="10" y1="35" x2="30" y2="35" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="20" x2="20" y2="8" stroke="currentColor" stroke-width="1.5"/>
<line x1="35" y1="20" x2="20" y2="8" stroke="currentColor" stroke-width="1.5"/>
<line x1="10" y1="35" x2="5" y2="20" stroke="currentColor" stroke-width="1.5"/>
<line x1="30" y1="35" x2="35" y2="20" stroke="currentColor" stroke-width="1.5"/>
<line x1="5" y1="50" x2="35" y2="50" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="50" x2="10" y2="35" stroke="currentColor" stroke-width="1.5"/>
<line x1="35" y1="50" x2="30" y2="35" stroke="currentColor" stroke-width="1.5"/>
<line x1="5" y1="50" x2="2" y2="80" stroke="currentColor" stroke-width="2"/>
<line x1="35" y1="50" x2="38" y2="80" stroke="currentColor" stroke-width="2"/>
<circle cx="5" cy="20" r="2.5" fill="currentColor"/>
<circle cx="35" cy="20" r="2.5" fill="currentColor"/>
<circle cx="10" cy="35" r="2" fill="currentColor"/>
<circle cx="30" cy="35" r="2" fill="currentColor"/>
</svg>
</div>
<div class="timeline-year">2026</div>
</div>
<div class="timeline-card" id="card1">
<div class="card-header">
<div class="card-company">Artelia Canada</div>
<div class="card-period">2026年1月 – 2026年2月</div>
</div>
<div class="card-role">项目协调员 / 客户联络人</div>
<p class="card-desc">
作为承包商、工程师与项目干系人之间的核心联络人，确保项目执行全程沟通顺畅、目标一致。统筹现场勘检并监督承包商绩效，确保符合规范、进度与安全标准。使用 Procore 编制 QA/QC 与进度报告，支持与客户的透明化沟通，并推动整改措施落地以改善项目成果。
</p>
<div class="card-tags">
<span>客户联络</span>
<span>干系人沟通</span>
<span>Procore</span>
<span>QA/QC 报告</span>
<span>承包商协调</span>
</div>
<div class="card-voltage">加拿大</div>
</div>
</div>
<!-- Job 3: State Grid Senior -->
<div class="timeline-item" data-index="2" id="tower2">
<div class="timeline-card" id="card2">
<div class="card-header">
<div class="card-company">国家电网公司 (烟台)</div>
<div class="card-period">2021年9月 – 2023年12月</div>
</div>
<div class="card-role">项目群经理 / 大客户负责人</div>
<p class="card-desc">
管理<strong>通用汽车、富士康、LG 电子、万华化学及海阳核电</strong>等战略大客户关系，作为服务交付与项目协调的第一对接人，覆盖380万用户服务组合。主导客户合同谈判与管理，将技术方案与价格、服务预期对齐。协调政府机构、EPC 总包、设计咨询及设备供应商，按期交付超过100万加元的复杂基础设施项目群。
</p>
<div class="card-tags">
<span>大客户 (GM / 富士康 / LG)</span>
<span>合同谈判</span>
<span>百万加元级项目群</span>
<span>政企与 EPC 协调</span>
<span>380万用户组合</span>
</div>
<div class="card-voltage">110kV</div>
</div>
<div class="timeline-marker">
<div class="tower-icon">
<svg viewBox="0 0 52 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="26" y1="2" x2="26" y2="120" stroke="currentColor" stroke-width="2.5"/>
<line x1="2" y1="30" x2="50" y2="30" stroke="currentColor" stroke-width="2.5"/>
<line x1="7" y1="52" x2="45" y2="52" stroke="currentColor" stroke-width="2"/>
<line x1="12" y1="72" x2="40" y2="72" stroke="currentColor" stroke-width="1.8"/>
<line x1="2" y1="30" x2="26" y2="8" stroke="currentColor" stroke-width="2"/>
<line x1="50" y1="30" x2="26" y2="8" stroke="currentColor" stroke-width="2"/>
<line x1="4" y1="94" x2="48" y2="94" stroke="currentColor" stroke-width="2.2"/>
<line x1="4" y1="94" x2="0" y2="120" stroke="currentColor" stroke-width="2.5"/>
<line x1="48" y1="94" x2="52" y2="120" stroke="currentColor" stroke-width="2.5"/>
<circle cx="2" cy="30" r="3" fill="currentColor"/>
<circle cx="50" cy="30" r="3" fill="currentColor"/>
</svg>
</div>
<div class="timeline-year">2021</div>
</div>
</div>
<!-- Job 4: State Grid Department Manager -->
<div class="timeline-item right" data-index="3" id="tower3">
<div class="timeline-marker">
<div class="tower-icon">
<svg viewBox="0 0 60 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="30" y1="0" x2="30" y2="100" stroke="currentColor" stroke-width="3"/>
<line x1="0" y1="28" x2="60" y2="28" stroke="currentColor" stroke-width="3"/>
<line x1="6" y1="45" x2="54" y2="45" stroke="currentColor" stroke-width="2.5"/>
<line x1="12" y1="60" x2="48" y2="60" stroke="currentColor" stroke-width="2"/>
<line x1="5" y1="78" x2="55" y2="78" stroke="currentColor" stroke-width="2.5"/>
<line x1="5" y1="78" x2="0" y2="100" stroke="currentColor" stroke-width="3"/>
<line x1="55" y1="78" x2="60" y2="100" stroke="currentColor" stroke-width="3"/>
<circle cx="0" cy="28" r="3.5" fill="currentColor"/>
<circle cx="60" cy="28" r="3.5" fill="currentColor"/>
</svg>
</div>
<div class="timeline-year">2015</div>
</div>
<div class="timeline-card" id="card3">
<div class="card-header">
<div class="card-company">国家电网公司 (烟台)</div>
<div class="card-period">2015年2月 – 2021年9月</div>
</div>
<div class="card-role">部门经理 — 客户运营</div>
<p class="card-desc">
带领10人团队管理高价值工商业客户，保障服务质量与客户留存。作为客户、工程团队与外部干系人之间的核心纽带，累计交付 <strong>1,500+ 客户项目</strong>。主导莱山区多个<strong>充电站项目</strong>并网接入10kV配电网，并完成中国首个智能化大型海洋牧场平台"耕海1号"风光储一体化系统的配网接入。统筹客户投诉升级、停电应急、合同执行与计费协调。
</p>
<div class="card-tags">
<span>1,500+ 项目交付</span>
<span>团队管理 (10+)</span>
<span>客户留存</span>
<span>充电桩并网</span>
<span>合同执行</span>
</div>
<div class="card-voltage">35kV</div>
</div>
</div>
<!-- Job 5: State Grid Engineer -->
<div class="timeline-item" data-index="4" id="tower4">
<div class="timeline-card" id="card4">
<div class="card-header">
<div class="card-company">国家电网公司 (烟台)</div>
<div class="card-period">2009年7月 – 2015年2月</div>
</div>
<div class="card-role">项目经理 / 客户账户协调员</div>
<p class="card-desc">
负责工商业客户的接入与服务交付，包括合同起草与技术咨询。通过 ERP/CRM 系统维护超过 <strong>39万用户</strong> 的服务记录与合同档案。统筹烟台全市分布式光伏项目组合的并网、审批与服务交付。代表公司开展政府协调与干系人沟通，主导重大公共活动的供电保障，通过持续沟通与问题化解建立长期客户关系。
</p>
<div class="card-tags">
<span>39万+ 用户体系</span>
<span>合同起草</span>
<span>ERP / CRM</span>
<span>光伏项目组合管理</span>
<span>政企关系</span>
</div>
<div class="card-voltage">10kV</div>
</div>
<div class="timeline-marker">
<div class="tower-icon">
<svg viewBox="0 0 60 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="30" y1="0" x2="30" y2="100" stroke="currentColor" stroke-width="3"/>
<line x1="0" y1="22" x2="60" y2="22" stroke="currentColor" stroke-width="3"/>
<line x1="6" y1="40" x2="54" y2="40" stroke="currentColor" stroke-width="2.5"/>
<line x1="10" y1="56" x2="50" y2="56" stroke="currentColor" stroke-width="2"/>
<line x1="4" y1="74" x2="56" y2="74" stroke="currentColor" stroke-width="2.5"/>
<line x1="4" y1="74" x2="0" y2="100" stroke="currentColor" stroke-width="3"/>
<line x1="56" y1="74" x2="60" y2="100" stroke="currentColor" stroke-width="3"/>
<circle cx="0" cy="22" r="4" fill="currentColor"/>
<circle cx="60" cy="22" r="4" fill="currentColor"/>
</svg>
</div>
<div class="timeline-year">2009</div>
</div>
</div>
</div>
</div>
</section>
<!-- 教育背景部分 -->
<section class="education" id="education">
<div class="container">
<div class="section-tag">教育背景</div>
<h2 class="section-title">学术 <span class="highlight">基石</span></h2>
<div class="edu-grid">
<div class="edu-card" id="edu0">
<div class="edu-icon">🎓</div>
<div class="edu-info">
<div class="edu-school">Lakehead University</div>
<div class="edu-degree">工程硕士 — 电气与计算机工程</div>
<div class="edu-year">2024.09 – 2025.08 · 安大略省雷湾</div>
<p>主研电气工程系统及计算机工程高级应用</p>
</div>
</div>
<div class="edu-card" id="edu1">
<div class="edu-icon">📚</div>
<div class="edu-info">
<div class="edu-school">山东大学</div>
<div class="edu-degree">工程硕士 — 电气工程</div>
<div class="edu-year">2013.03 – 2015.12 · 山东</div>
<p>深耕电力系统及其自动化领域研究</p>
</div>
</div>
<div class="edu-card" id="edu2">
<div class="edu-icon">⚡</div>
<div class="edu-info">
<div class="edu-school">华北电力大学</div>
<div class="edu-degree">工学学士 — 电气工程及其自动化</div>
<div class="edu-year">2005.09 – 2009.07 · 北京</div>
<p>电力系统工程与技术管理的基础摇篮</p>
</div>
</div>
</div>
</div>
</section>
<!-- 技能专长部分 -->
<section class="skills" id="skills">
<div class="container">
<div class="section-tag">技能专长</div>
<h2 class="section-title">核心竞争力，<span class="highlight">全电运行</span></h2>
<div class="skills-grid">
<div class="skill-category" id="skill0">
<div class="skill-cat-icon">🤝</div>
<h3>大客户与销售</h3>
<div class="skill-bars">
<div class="skill-item">
<div class="skill-name">大客户管理与客户留存</div>
<div class="skill-bar"><div class="skill-fill" data-width="95"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">合同谈判与全生命周期管理</div>
<div class="skill-bar"><div class="skill-fill" data-width="92"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">技术销售与解决方案</div>
<div class="skill-bar"><div class="skill-fill" data-width="90"></div></div>
</div>
</div>
</div>
<div class="skill-category" id="skill1">
<div class="skill-cat-icon">📋</div>
<h3>项目管理</h3>
<div class="skill-bars">
<div class="skill-item">
<div class="skill-name">项目与项目群管理（百万加元级）</div>
<div class="skill-bar"><div class="skill-fill" data-width="93"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">干系人与政企 / EPC 协调</div>
<div class="skill-bar"><div class="skill-fill" data-width="95"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">PMP（认证中）</div>
<div class="skill-bar"><div class="skill-fill" data-width="85"></div></div>
</div>
</div>
</div>
<div class="skill-category" id="skill2">
<div class="skill-cat-icon">⚡</div>
<h3>工程根基</h3>
<div class="skill-bars">
<div class="skill-item">
<div class="skill-name">高压电力系统 (10kV–220kV)</div>
<div class="skill-bar"><div class="skill-fill" data-width="95"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">光伏 / 储能 / 充电桩一体化</div>
<div class="skill-bar"><div class="skill-fill" data-width="90"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">P.Eng（认证中）</div>
<div class="skill-bar"><div class="skill-fill" data-width="85"></div></div>
</div>
</div>
</div>
<div class="skill-category" id="skill3">
<div class="skill-cat-icon">🖥️</div>
<h3>工具与数字化</h3>
<div class="skill-bars">
<div class="skill-item">
<div class="skill-name">CRM / ERP 与销售管线管理</div>
<div class="skill-bar"><div class="skill-fill" data-width="90"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">Procore</div>
<div class="skill-bar"><div class="skill-fill" data-width="88"></div></div>
</div>
<div class="skill-item">
<div class="skill-name">AutoCAD / PLC / Python（AI 辅助）</div>
<div class="skill-bar"><div class="skill-fill" data-width="85"></div></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 兴趣爱好部分 -->
<section class="hobbies" id="hobbies">
<div class="container">
<div class="section-tag">兴趣爱好</div>
<h2 class="section-title">工程之外，<span class="highlight">多元人生</span></h2>
<div class="hobbies-grid">
<div class="hobby-item" id="hobby0">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
<path d="M2 12h20"/>
<path d="M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24"/>
</svg>
</div>
<span class="hobby-label">足球</span>
</div>
<div class="hobby-item" id="hobby1">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/>
<circle cx="12" cy="13" r="4"/>
</svg>
</div>
<span class="hobby-label">摄影</span>
</div>
<div class="hobby-item" id="hobby2">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M17 8h1a4 4 0 1 1 0 8h-1"/>
<path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"/>
<line x1="6" y1="2" x2="6" y2="4"/>
<line x1="10" y1="2" x2="10" y2="4"/>
<line x1="14" y1="2" x2="14" y2="4"/>
</svg>
</div>
<span class="hobby-label">咖啡</span>
</div>
<div class="hobby-item" id="hobby3">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="6" y1="11" x2="10" y2="11"/>
<line x1="8" y1="9" x2="8" y2="13"/>
<line x1="15" y1="12" x2="15.01" y2="12"/>
<line x1="18" y1="10" x2="18.01" y2="10"/>
<rect x="2" y="6" width="20" height="12" rx="2"/>
</svg>
</div>
<span class="hobby-label">游戏</span>
</div>
<div class="hobby-item" id="hobby4">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2a4 4 0 0 1 4 4v2a4 4 0 0 1-8 0V6a4 4 0 0 1 4-4z"/>
<path d="M16 14h1a3 3 0 0 1 3 3v2H4v-2a3 3 0 0 1 3-3h1"/>
<circle cx="9" cy="7" r="0.5" fill="currentColor"/>
<circle cx="15" cy="7" r="0.5" fill="currentColor"/>
<path d="M10 10a2 2 0 0 0 4 0"/>
</svg>
</div>
<span class="hobby-label">人工智能</span>
</div>
<div class="hobby-item" id="hobby5">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c-4.924-.868-6.14 6.025-1.215 6.894m-5.907-1.042L1.305 13.2a.961.961 0 0 1 .768-1.125l4.357-.768m1.12 6.74 6.706-12.418a.961.961 0 0 1 1.26-.413l4.005 1.92"/>
</svg>
</div>
<span class="hobby-label">加密货币</span>
</div>
<div class="hobby-item" id="hobby6">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
<path d="M16 3h-8l-2 4h12l-2-4z"/>
<path d="M12 11v6"/>
<path d="M9 14h6"/>
</svg>
</div>
<span class="hobby-label">区块链</span>
</div>
<div class="hobby-item" id="hobby7">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"/>
<polyline points="8 6 2 12 8 18"/>
<line x1="12" y1="2" x2="12" y2="22"/>
<path d="M19 9l-3 3 3 3"/>
<path d="M5 9l3 3-3 3"/>
</svg>
</div>
<span class="hobby-label">Vibe Coding</span>
</div>
<div class="hobby-item" id="hobby8">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"/>
<line x1="7" y1="2" x2="7" y2="22"/>
<line x1="17" y1="2" x2="17" y2="22"/>
<line x1="2" y1="12" x2="22" y2="12"/>
<line x1="2" y1="7" x2="7" y2="7"/>
<line x1="2" y1="17" x2="7" y2="17"/>
<line x1="17" y1="7" x2="22" y2="7"/>
<line x1="17" y1="17" x2="22" y2="17"/>
</svg>
</div>
<span class="hobby-label">电影</span>
</div>
<div class="hobby-item" id="hobby9">
<div class="hobby-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 18V5l12-2v13"/>
<circle cx="6" cy="18" r="3"/>
<circle cx="18" cy="16" r="3"/>
</svg>
</div>
<span class="hobby-label">音乐剧</span>
</div>
</div>
</div>
</section>
<!-- 资质认证部分 -->
<section class="certs" id="certs">
<div class="container">
<div class="section-tag">资质与证书</div>
<h2 class="section-title">专业 <span class="highlight">背书</span></h2>
<div class="certs-grid">
<div class="cert-card in-progress" id="certPMP">
<div class="cert-badge">申请中</div>
<div class="cert-icon">📋</div>
<div class="cert-name">PMP 项目管理专业人士认证</div>
<div class="cert-issuer">项目管理协会 (PMI)</div>
</div>
<div class="cert-card in-progress" id="cert0">
<div class="cert-badge">申请中</div>
<div class="cert-icon">🏛️</div>
<div class="cert-name">P.Eng 专业工程师认证</div>
<div class="cert-issuer">安大略省专业工程师协会 (PEO)</div>
</div>
<div class="cert-card in-progress" id="cert1">
<div class="cert-badge">申请中</div>
<div class="cert-icon">🔧</div>
<div class="cert-name">红印章技工证 – 工业电工</div>
<div class="cert-issuer">Red Seal</div>
</div>
<div class="cert-card" id="cert2">
<div class="cert-year">2020.12</div>
<div class="cert-icon">⚡</div>
<div class="cert-name">高级电气工程师职称</div>
<div class="cert-issuer">中国电力行业认证</div>
</div>
<div class="cert-card" id="cert3">
<div class="cert-year">2015.12</div>
<div class="cert-icon">📋</div>
<div class="cert-name">电气工程师职称</div>
<div class="cert-issuer">中国电力行业认证</div>
</div>
<div class="cert-card" id="cert4">
<div class="cert-year">2015.07</div>
<div class="cert-icon">🔍</div>
<div class="cert-name">技师 – 二级用电监察员</div>
<div class="cert-issuer">专业技术等级认证</div>
</div>
<div class="cert-card" id="cert5">
<div class="cert-year">2014.05</div>
<div class="cert-icon">🛡️</div>
<div class="cert-name">电工职业资格</div>
<div class="cert-issuer">专业技术等级认证</div>
</div>
</div>
</div>
</section>
<!-- 联系方式部分 -->
<section class="contact" id="contact">
<div class="container">
<div class="section-tag">联系方式</div>
<h2 class="section-title">建立 <span class="highlight">连接</span></h2>
<div class="contact-grid">
<a href="mailto:[email protected]" class="contact-card" id="contactEmail">
<div class="contact-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
</div>
<div class="contact-label">电子邮箱</div>
<div class="contact-value">[email protected]</div>
</a>
<a href="tel:+16728661836" class="contact-card" id="contactPhone">
<div class="contact-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.18h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</div>
<div class="contact-label">联系电话</div>
<div class="contact-value">(672) 866-1836</div>
</a>
<a href="https://www.linkedin.com/in/zhangsenye" class="contact-card" id="contactLinkedIn" target="_blank">
<div class="contact-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
</div>
<div class="contact-label">LinkedIn</div>
<div class="contact-value">linkedin.com/in/zhangsenye</div>
</a>
</div>
<form class="contact-form" id="contactForm" action="https://formspree.io/f/mykapvdo" method="POST">
<div class="form-row">
<div class="form-field">
<label for="cfName">姓名</label>
<input type="text" id="cfName" name="name" placeholder="您的姓名" required />
</div>
<div class="form-field">
<label for="cfEmail">邮箱</label>
<input type="email" id="cfEmail" name="email" placeholder="[email protected]" required />
</div>
</div>
<div class="form-field">
<label for="cfMessage">留言</label>
<textarea id="cfMessage" name="message" rows="5" placeholder="请描述您的项目或合作机会..." required></textarea>
</div>
<button type="submit" class="btn-primary form-submit" id="cfSubmit">发送留言</button>
<p class="form-status" id="cfStatus" role="status"></p>
</form>
</div>
</section>
<!-- 页脚 -->
<!-- 底部工业天际线 -->
<section class="infra-section">
<div class="infra-scene" id="infraScene"></div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-inner">
<div class="footer-logo">
<svg width="22" height="22" viewBox="0 0 28 28" fill="none">
<path d="M14 2L14 8M14 8L10 12M14 8L18 12M10 12L10 20M18 12L18 20M10 20L6 24M18 20L22 24M6 24L22 24" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
<circle cx="14" cy="8" r="2" fill="currentColor"/>
</svg>
<span>张森烨 · 电气工程师</span>
</div>
<p class="footer-copy">© 2026 张森烨 · 驱动未来，点亮世界</p>
</div>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>