-
Notifications
You must be signed in to change notification settings - Fork 0
/
designs.html
80 lines (79 loc) · 4.41 KB
/
designs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/icons/hansenbw.ico" />
<title>Hansen's Designs</title>
<link rel="stylesheet" href="css/design.css">
<link rel="stylesheet" href="css/header_footer.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/blog.js"></script>
<script type="text/javascript" src="js/header_footer.js"></script>
</head>
<body>
<div id="fb-root"></div>
<header></header>
<div class="mainBody">
<div class="top">
<img src="img/designs/design_icon.png" style="padding-top: 200px;" alt="">
<!-- <img src="img/blogs/welcome.png" style="margin-top: 10px;" alt=""> -->
</div>
<div class="content">
<div class="Container clearfix">
<div class="col-sm-4 design-container">
<div class="design-content">
<img src="img/designs/design1.png">
<p class="design-intro">
I made this design for Applyboard.com during my working term there, the entire
page was designed and implemented by me. This page was meant for customers to understand what the company do. Color, front, front size and more are carefully selected for this purpose.
</p>
<a href="web_design/about us/about_us.html" class="design-site">Check the design</a>
<a href="https://www.applyboard.com/about_us" class="design-site-alive">Check the alive site</a>
<p style="color: #9E9E9E; padding: 0 5%;">*The actual alive site may look different than the original design</p>
</div>
<div class="design-content">
<img src="img/designs/design4.png">
<p class="design-intro">
I made this design for Applyboard.com during my working term there, the entire
page was designed and implemented by me. This page was for B2B purpose. It introduced to other related business parties why they should work with the company. Color, front, front size and more are carefully selected for the purpose.
</p>
<a href="web_design/partner with us/Partner_with_us.html" class="design-site">Check the design</a>
<a href="https://www.applyboard.com/partner_with_us" class="design-site-alive">Check the alive site</a>
<p style="color: #9E9E9E; padding: 0 5%;">*The actual alive site may look different than the original design</p>
</div>
</div>
<div class="col-sm-4 design-container">
<div class="design-content">
<img src="img/designs/design2.png">
<p class="design-intro">
I made this design for Applyboard.com during my working term there, the entire
page was designed and implemented by me. This page was the home page of the company's website.
Color, front, front size and more are carefully selected so the home page looks good.
</p>
<a href="web_design/home/home.html" class="design-site">Check the design</a>
<a href="https://www.applyboard.com" class="design-site-alive">Check the alive site</a>
<p style="color: #9E9E9E; padding: 0 5%;">*The actual alive site may look different than the original design</p>
</div>
</div>
<div class="col-sm-4 design-container">
<div class="design-content">
<img src="img/designs/design3.png">
<p class="design-intro">
I made this design for Applyboard.com during my working term there, the entire
page was designed and implemented by me. This page was meant to persuade customers to use our service
by telling them the special features we have. Color, front, front size and more are carefully selected for the purpose.
</p>
<a href="web_design/how this works/features.html" class="design-site">Check the design</a>
<a href="https://www.applyboard.com/features" class="design-site-alive">Check the alive site</a>
<p style="color: #9E9E9E; padding: 0 5%;">*The actual alive site may look different than the original design</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer"></footer>
</body>
</html>