-
Notifications
You must be signed in to change notification settings - Fork 0
/
personalLogo.html
95 lines (83 loc) · 4.29 KB
/
personalLogo.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Brandy Dandy</title>
</head>
<body>
<div class="container">
<div class="row">
<a class="mx-auto" href="work.html"><img id="logo" src="assets/branding/main-logo-01.png"></a>
</div>
<div class="row">
<div class="col-12 col-md-8 mx-auto">
<p id="heading" class="text-center d-block">Personal Branding</p>
<p id="subhead">Background</p>
<p>Create a personal branding suite of assets that will
be appropriate to market design services. The origami bird was chosen as the logo because
origami is the art of creating something beautiful from something unexpected.
</p>
<p id="subhead">Outcome</p>
<p class="gimme-space">Various shades of a dusty rose were used throughout the branding suite to keep
the design
soft and calm. Special attention was paid to contrast for color blindess in the logo and
background on the business card. The font "Obviously" was used in two different weights for its
legibility in both print and on screen.
</p>
</div>
</div>
<div class="row mx-auto">
<div class="col-12 mx-auto hero-space">
<img class="d-block mx-auto img-fluid" src="assets/branding/buscard-main.jpg">
</div>
<div class="col-12 col-md-8 mx-auto">
<img class="d-block mx-auto img-fluid port-item-three" src="assets/branding/buscard-v2.png">
</div>
<div class="col-12 col-md-8 mx-auto">
<img class="d-block mx-auto img-fluid port-item-two" src="assets/branding/branding-01.png">
</div>
<div class="col-12 col-md-8 mx-auto">
<img class="d-block mx-auto img-fluid" src="assets/branding/letterhead.jpg">
</div>
<div class="col-12 col-md-8 mx-auto">
<img class="d-block mx-auto img-fluid" src="assets/branding/envelope.jpg">
</div>
<div class="col-12 col-md-6 mx-auto">
<img class="d-block mx-auto img-fluid port-item-two" src="assets/branding/leavebehind-29.png">
</div>
<div class="col-12 col-md-6 mx-auto">
<img class="d-block mx-auto img-fluid port-item-two" src="assets/branding/leavebehind-28.png">
</div>
</div>
<div class="whitespace"></div>
<div class="navbar fixed-bottom footer">
<div class="row d-block mx-auto">
<div class="col text-center">
<a href="https://twitter.com/designdandy">
<img id="twitter" src="assets/Twitter_Social_Icon_Square_Color.png">
</a>
<a class="mx-auto" href="https://www.behance.net/brandydandy">
<img src="assets/behance-02.png">
</a>
<a href="https://www.linkedin.com/in/brandy-d-a71252175/">
<img id="in" src="assets/LI-In-Bug.png">
</a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>