-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (108 loc) · 5.88 KB
/
index.html
File metadata and controls
136 lines (108 loc) · 5.88 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Amarante' rel='stylesheet'>
<link rel="stylesheet" href="styles/style.css" type="text/css">
<meta property="og:image" content="https://eschenx.github.io/images/meta_thumbnail_portfolio.PNG">
<link href="styles/normalize.css" rel="stylesheet" type="text/css">
<title>E Portfolio</title>
</head>
<body>
<div>
<div id="bgimage1">
<div id="mynavbar" class="mynavbar perfect-center">
<img class="navicon" src="images/escx_white.png">
<div>
<div id="rspNavBar" class="navbar">
<a href="#mynavbar" class="active">HOME</a>
<div class="dropdown">
<a href="work.html">WORK</a>
<div class="dropdown-content">
<a href="webwork.html">WEB</a>
<a href="graphic_design.html">GRAPHIC</a>
</div>
</div>
<a href="javascript:void(0)"; style="font-size: 15px;" class="icon" onclick="responsiveNav()">☰</a>
</div>
</div>
</div>
<div style="padding:140px 0px 0px 0px">
<h1 style="text-align:center;font-size:65px">
ESCX PORTFOLIO
</h1>
<br>
<br>
<div style="text-align:center">
<a href="#portfolio"><button class="btn button"><p2 style="padding:40px;color:white;font-size:110%">PORTFOLIO</p2></button></a>
<a href="#contact"><button class="btn button"><p2 style="padding:40px;color:white;font-size:110%">CONTACT ME</p2></button></a>
</div>
</div>
</div>
</div>
<br>
<div id="portfolio">
<p style="text-align:center;font-family:Calibri;font-size:25px"><strong>POSTERS:</strong></p> <br>
<div class="portfolio-container">
<div><a target="_blank" href="/images/co_promotion_poster.jpg">
<img class="poster-thumbnails" src="/images/co_promotion_poster.jpg" alt="Co-promotion poster" title="Co-promotion poster">
</a></div>
<div><a target="_blank" href="/images/wf_brochure_poster.png">
<img class="poster-thumbnails" src="/images/wf_brochure_poster.png" alt="Product brochure cover" title="Product brochure cover">
</a></div>
<div><a target="_blank" href="/images/recruitment_poster.png">
<img class="poster-thumbnails" src="/images/recruitment_poster.png" alt="Recruitment AD" title="Recruitment AD">
</a></div>
<br>
</div>
</div>
<br>
<br>
<p style="text-align:center;font-family:Calibri;font-size:25px;text-weight:bold"><strong>WEBSITES:</strong></p>
<br>
<div class="logo-container" style="justify-content:center">
<div class="portfolio-container" style="justify-content: center">
<div><a target="_blank" href="http://wertheimpiano.com.cn/">
<img class="weblogo" src="/images/wertheim_logo.png" style="width=20%" title="Website:Wertheim Piano" alt="Website:Wertheim Piano">
</a></div>
<div class="vc-logo"><a target="_blank" href="http://www.verifychina.net">
<img class="weblogo" src="/images/vc_logo_0.png" style="width:auto" title="Website:VerifyChina.Net" alt="Website:VerifyChina.net">
</a></div>
<div><a target="_blank" href="http://twohandbagclub.com/"><img class="weblogo" src="images/2HBC%20Logo%20300%20x%20300.png"style="width: 50%" title="Website:TwoHandBagClub" alt="TwoHandBagClub"></a></div>
<div><img class="weblogo" src="/images/more_icon.png" style="height: 70px" alt="Coming Soon..." title="Coming Soon..."> </div>
</div>
</div>
<div id="about">
<div class="bgimage2">
<h2 style="text-align:center" >--About Me--</h2>
<div class="bio-container">
<div style="flex-grow: 1"><img src="/images/e_photo.jpg" class="e-photo"></div>
<div style="flex-grow: 15"><p style="text-align: justify;padding: 0 50px">
ESCX is a young female who dedicates to self-learning since graduated in 2015 with a Marketing degree and has been focusing in graphic design and website building. She self-taught WordPress, Photoshop, Adobe Illustrator, Filemaker and currently learning coding on her own. She learns softwares, languages and skills base on interests and when work requires.<br> <br>
ESCX can design product brochures, marketing material (e.g. posts for products, promotions and events), restaurant menus, company websites and company logos etc. If you are interested in her graphic design and hard-work, feel free to contact her at bebelow links.<br><br>
P.S. ESCX is a bilingual in Mandarin and English. All design can come in both languages which can double your potential market/audiences.
<br>
<br> </div>
</div>
</div>
</div>
<br>
<div class="gotop-btn">
<a href="#mynavbar"><img src="https://eschenx.github.io/images/top.png" style="width:40px;z-index:4"></a>
</div>
<footer class="footer">
<div id="contact">
<div style="text-align:center">
<a href="https://github.com/ESCHENX" target="_blank" title="Facebook"><img src="/images/GitHub-Mark-64px.png" class="social-icon" style="padding: 13px 13px"></a>
<a href="mailto:esther.chenx@gmail.com" target="_blank" title="Email To Me"><img src="/images/email_logo.png" class="social-icon"></a>
<a href="https://www.upwork.com/o/profiles/users/_~0130be18f1a55199c2/" target="_blank" title="UpWork"><img src="images/upwork.ico" class="social-icon"></a>
<a href="https://www.fiverr.com/s2/cac5751f4b" target="_blank" title="Fiverr"><img src="images/fiverr-logo-01.png" class="social-icon"></a>
</div>
</div>
<div class="footer-text">
<p2> © 2018 All rights reserved by <a href="mailto:esther.chenx@gmail.com" target="_blank" title="EmailMe" style="color: darkslategray;font-weight: bold">EstherChen</a> </p2>
</div>
<br>
</footer>
<script src="scripts/JavaScript.js"></script>
</body>