ESCHENX.github.io/work.html at master · ESCHENX/ESCHENX.github.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
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->


<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="styles/style.css">

<title>E Portfolio-WORK PAGE</title>
</head>


<body>

<div id="mynavbar" class="mynavbar perfect-center">
<img class="navicon" src="images/escx_white.png">
  <div>
      <div id="rspNavBar" class="navbar">
      <a href="index.html">HOME</a>
      <div class="dropdown">
      <a href="work.html" class="active">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()">&#9776;</a>

      </div>
  </div>
</div>


<div class="flex-row">
<div class="flex-column-half perfect-center" style="padding: 70px 0;background-color: #424242"><a class="rwd-title" href="webwork.html" style="cursor: pointer">
  <div class="flex-row perfect-center">
      <div class="flex-column-half perfect-center"><img src="images/work/vc-multi%20platform%20display@0,5x.png" style="width: 115%"></div>
      <div class="flex-column-half"><p class="rwd-title">RESPONSIVE WEBSITE DEVELOPMENT</p></div>
  </div></a>
</div>

<div class="flex-column-half perfect-center" style="padding: 80px 0;background-color: floralwhite"><a class="rwd-title" href="graphic_design.html" style="cursor: pointer">
  <div class="flex-row perfect-center">
      <div class="flex-column-half perfect-center"><img src="images/work/poster%20display.png" style="width: 115%;padding-left: 1.5em"></div>
      <div class="flex-column-half"><p class="rwd-title" style="color: #424242">MARKETING POSTER DESIGN</p>
      </div>
    </div></a>
</div>
</div>


<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 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 class="footer-text perfect-center">
      <p2> &copy; 2018 All rights reserved by <a href="mailto:esther.chenx@gmail.com" target="_blank" title="EmailMe" style="color: darkslategray;font-weight: bold">EstherChen</a>&nbsp;&nbsp;&nbsp;&nbsp;</p2>
    </div>

      <br>

</footer>

<script src="scripts/JavaScript.js"></script>
</body>