-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (134 loc) · 6.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>fabicon.io</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header flex"></div>
<div class="container flex">
<div class="bar flex grid ">
<div class="element1 barele"></div>
<div class="element2 flex">
<div class="box flex">Convertor</div>
<div class="box flex">Generator</div>
<div class="box flex">emojis</div>
<div class="box flex">Tutorials</div>
<div class="box flex">Logos</div>
</div>
<div class="empty flex"></div>
<div class="element3 grid flex">
<div class="symbols tweet flex">
<div class="logo logo1"></div>
<div class="text flex">Tweet</div>
</div>
<div class="symbols coffee flex">
<div class="logo logo2"></div>
<div class="text flex">Buy me a Coffee</div>
</div>
</div>
</div>
<div class=" favgen grid">
<h2>FAVICON GENETATOR</h2>
The only favicon generator you need for your next project. Quickly generate your favicon from text, image,
or choose from hundreds of emojis.
</div>
<div class="type grid">
<div class="typeh title">Favicon Generator</div>
<div class="typem grid">
<div class="favbox grid">
<div class="img img1 flex"></div>
<div class="fdesc fdesc2 flex">
<div class="heading">Image</div>
<div class="descri">If you already have an image or logo that you want to use for your favicon
then use this tool to convert your image to the proper format.</div>
</div>
</div>
<div class="favbox grid">
<div class="img img2 flex"></div>
<div class="fdesc fdesc2 flex">
<div class="heading">Text</div>
<div class="descri">If you donot have an image or logo for your website and want to a favicon
from scratch then use this tool to generate a favicon.</div>
</div>
</div>
<div class="favbox grid">
<div class="img img3 flex"></div>
<div class="fdesc fdesc3 flex">
<div class="heading">Emoji</div>
<div class="descri">Want to use an emoji for your favicon? choose from a list of hundreds of
emojis to generatea favicon for website.</div>
</div>
</div>
</div>
</div>
<div class="resources flex">
<div class="title">Resources</div>
<div class="res1 res ">
<div class="heading">What is favicon?</div><br>
<div class="descri">What is a favicon,why do I need one, and how can I generate one?</div>
</div>
<div class="res2 res ">
<div class="heading">Install: favicon.ico</div><br>
<div class="descri">How to install your favicon.ico file on your website.</div>
</div>
<div class="res3 res ">
<div class="heading">Install: favicon.png</div><br>
<div class="descri">How to install your favicon.png file on your website.</div>
</div>
<div class="res4 res ">
<div class="heading">Squarespace Favicon</div><br>
<div class="descri">How do I add a custom favicon to my Squarespace website?</div>
</div>
<div class="res5 res ">
<div class="heading">Logo Generator</div><br>
<div class="descri">Generate a logo by configuring the settings below. Download your logo in a variety
of layouts and formats.</div>
</div>
</div>
</div>
</div>
<footer>
<div class="foot container flex">
<div class="about flex">
<div class="heading"> Created by: John Sorrentino</div>
<div class="descri">Copyright 2023</div>
<div class="heading">About</div>
<div class="descri">I built Favicon.io because creating a favicon should be a simple process. No other favicon generator or favicon creator can make a well designed favicon from text. If you like favicon.io or have a suggestion feel free to say hello. Feedback is much appreciated!</div>
</div>
<div class="extra grid">
<div class="ex ">
<div class="heading">Built with</div><br>
<ul>
<li>Bulma</li>
<li>Huebue</li>
<li>Twemoji</li>
<li>Center.js</li>
<li>Favicon.js</li>
</ul>
</div>
<div class="ex ">
<div class="heading">Resources</div><br>
<ul>
<li>Favicon Convertor </li>
<li>Favicon Generator</li>
<li>Emoji Favicons</li>
<li>Logo Generator</li>
</ul>
</div>
<div class="ex ">
<div class="heading">Contacts</div><br>
<ul>
<li>Contact us</li>
<li>Twitter</li>
<li>Privacy Policy</li>
<li>Terms of Use</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>