-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
149 lines (141 loc) · 4.78 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link
href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
rel="stylesheet"
/>
<link rel="icon" type="image/png" href="img/Lesiri-icon.png" />
<title>Les|iri</title>
</head>
<body>
<header class="main-header">
<h1><span>Logos </span>Show-Case</h1>
<h3>The Best & Simple Logo Designs</h3>
<p>
<span
>"Logos are a graphic extension of the internal realities of a
company" </span
><strong>... Saul Bas</strong>
</p>
</header>
<main class="container">
<section class="card">
<img src="img/img1.jpg" alt="" />
<div>
<h3>Bailasha Cakes</h3>
<p>Bakery and Food Store.</p>
<p class="small">
This is the first variant logo for the foof chainstore. It is just a
simple birthday cupcake.
</p>
<!-- <a href="" class="btn" display="hidden">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="img/img2.jpg" alt="" />
<div>
<h3>Les|iri Inc.</h3>
<p>Web Dev company EST 2019.</p>
<p class="small">
One of three variant logos. The white letter "i" icon is resting on
the blue detailed background.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-right">
<img src="img/img3.jpg" alt="" />
<div>
<h3>Les|iri Inc. :Variant 2</h3>
<p>Web Dev company EST 2019.</p>
<p class="small">
This second logo has a unique torn paper style. It has the company
name engraved beneath.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="img/img4.jpg" alt="" />
<div>
<h3>Les|iri Inc. :Variant 3</h3>
<p>Web Dev company EST 2019.</p>
<p class="small">
This is an appealing logo for people with a dark theme preference.
The logo and the company name are highlighted and both have a
shadow.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-right">
<img src="img/img5.jpg" alt="" />
<div>
<h3>Simpal Simon Collections</h3>
<p>Shoe & Clothline Store</p>
<p class="small">
This logo is as unique as they come. It has a portrait of the store
owner as the logo.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="img/img8.jpg" alt="" />
<div>
<h3>Simpal Simon Collections. Variant 2</h3>
<p>Shoe & Clothline Store</p>
<p class="small">
This logo has a lot of things going on. It is a paper mock-up with a
shoe on it. The shoe in turn has a face portrait imprinted on it. It
is a good logo/ picture for doing marketing.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-right">
<img src="img/img6.png" alt="" />
<div>
<h3>Bailasha Cakes</h3>
<p>Bakery and Food Store.</p>
<p class="small">
Like its predecessor, the logo is made out of a birthday cup-cake.
However, it is the color combination on this one that makes the
whole difference.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="img/img7.jpg" alt="" />
<div>
<h3>Okoa Gas</h3>
<p>Energy Company.</p>
<p class="small">
The flame on the logo floats on the the grill. It is a simple
representation of energry state.
</p>
<!-- <a href="" class="btn">View</a> -->
</div>
</section>
</main>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 200,
duration: 1000,
});
</script>
<footer class="main-footer">
<p>
AOS Library (Github/michalsnik/aos) Les|iri Inc. © 2019
</p>
</footer>
</body>
</html>