forked from PaystackHQ/nigerialogos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (138 loc) · 7.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicon.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicon.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicon.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicon.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicon.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicon.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicon.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/images/favicon.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.ico/favicon-16x16.png">
<link rel="manifest" href="/images/favicon.ico/manifest.json">
<!-- Primary Meta Tags -->
<title>Nigeria Logos - An open source project</title>
<meta name="title" content="Nigeria Logos - An open source project">
<meta name="description" content="A free logo library for Nigerian companies">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/images/favicon.ico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://nigerialogos.com/">
<meta property="og:title" content="Nigeria Logos - An open source project">
<meta property="og:description" content="A free logo library for Nigerian companies">
<meta property="og:image" content="https://nigerialogos.com/images/seo_card.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://nigerialogos.com/">
<meta property="twitter:title" content="Nigeria Logos - An open source project">
<meta property="twitter:description" content="A free logo library for Nigerian companies">
<meta property="twitter:image" content="https://nigerialogos.com/images/seo_card.jpg">
<!-- Scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
<title>Nigeria Logos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#06DAAF" />
<meta name="msapplication-navbutton-color" content="#06DAAF">
<meta name="apple-mobile-web-app-status-bar-style" content="#06DAAF">
<meta property="og:title" content="Nigeria Logos"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://nigerialogos.com"/>
<meta property="og:image" content="/images/nigerialogos_screenshot.png"/>
<meta property="og:site_name" content="NigeriaLogos"/>
<meta property="og:description" content="Free high quality logos of Nigerian companies"/>
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<script src="/js/imageLoad.js" defer></script>
<script src="/js/search.js" defer></script>
<script src="/js/mobileDownload.js" defer></script>
</head>
<body>
<header>
<div class="heading">
<div class="site-logo">
<img src="/images/nigerialogos_logo.svg" alt="NigeriaLogos logo">
</div>
<h1>An <a href="https://github.com/PaystackHQ/nigerialogos" target="_blank">open source</a> collection of high quality, <br> pixel perfect Nigerian company logos <br> for free use.</h1>
<div class="searchbar">
<div class="select">
<label for="Categories" class="visuallyhidden"><span>Categories</span></label>
<select name="Categories" id="Categories">
<option value="All Categories">All Categories</option>
<option value="Banking / Financial Services">Banking / Financial Services</option>
<option value="Ecommerce / Construction / Real Estate">Ecommerce / Construction / Real Estate</option>
<option value="FMCG / Conglomerate">FMCG / Conglomerate</option>
<option value="Gaming / Sports">Gaming / Sports</option>
</select>
</div>
<div class="search">
<label for="search" class="visuallyhidden">
<span>Search</span>
</label>
<input type="text" name="search" id="search" placeholder="search for a company">
<div class="results">All Results</div>
</div>
</div>
</div>
</header>
<section>
<div class="background">
<div class="background__left">
<div class="background__left--thick"></div>
<div class="background__left--thin"></div>
</div>
<div class="background__stripes">
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
<div class="background__stripe"></div>
</div>
</div>
</section>
<main>
<!-- LOGOS ARE DYNAMICALLY GENERATED HERE
Format:
<div class='logo'>
<div class='logo__holder'>
<div class='logo__image'>
<img src='`logos/${logo.filename}/${logo.filename}.svg`' alt='`${logo.title} logo`'>
</div>
<div class='logo__download'>
<div class='logo__download__overlay'>
<a href='logos/${logo.filename}/${logo.filename}.svg`' download='`${logo.title} Logo`'>
<span class='logo__download__overlay--svg'>
Download SVG
</span>
</a>
<a href='logos/${logo.filename}/${logo.filename}.png`' download='`${logo.title} Logo`'>
<span class='logo__download__overlay--png'>
Download PNG
</span>
</a>
</div>
</div>
</div>
<div class='logo__text'>
<p class='logo__text--primary'>`${logo.title}`</p>
<p class='logo__text--secondary'>`${logo.category}`</p>
</div>
</div>
-->
</main>
<footer>
<a href="https://github.com/PaystackHQ/nigerialogos" target="_blank">Contribute On Github</a>
</footer>
</body>
</html>