-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (132 loc) · 6.56 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
<!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">
<title>Our generator for makers!</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="block">
<p target="_blank" class="absolute bg--red c--white py1 px3 banner">Only for Desktop :)</p>
<div class="container">
<h1>Hey psst!<img src="images/smiley.svg"><br>You want a Generator too?
</h1>
<br>
<a href="ebcc-social-media-banner/index.html">
<span>Check Example <img src="images/eyes.svg" alt=""></span>
</a>
<div class="nav-container">
<div class="nav-left">
<div class="services nav-item">
<div class="services nav-item">
<div class="card-container">
<div class="shapes-container">
<div class="shapes">
<div id="square"></div>
<div id="circle"></div>
<div id="triangle"></div>
</div>
</div>
<div class="card">
<div class="card-title">made in</div>
<div class="card-logo">
<ion-icon name="logo-codepen"></ion-icon>
</div>
<div class="card-icon">
<ion-icon name="arrow-down-sharp"></ion-icon>
</div>
<div class="preview-text">See our services</div>
<div class="text-wrapper">
We are passionate about Web Design. We are passionate about
Web Design. We are passionate about Web Design. We are
passionate about Web Design. We are passionate about Web
Design. We are passionate about Web Design. We are
passionate about Web Design. We are passionate about Web
Design. We are passionate about Web Design. We are
passionate about Web Design. We are passionate about Web
Design. We are passionate about Web Design. We are
passionate about Web Design. We are passionate about Web
Design.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="nav-right">
<div class="nav-top">
<div class="work nav-item">
<div class="card-container">
<div class="card">
<div class="card-icon">
<ion-icon name="code-working-sharp"></ion-icon>
</div>
<div class="preview-text">Work</div>
<div class="text-wrapper">
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
View our showcase. View our showcase. View our showcase.
</div>
</div>
</div>
</div>
<div class="about nav-item">
<div class="card-container">
<div class="card">
<div class="card-icon">
<ion-icon name="business-sharp"></ion-icon>
</div>
<div class="preview-text light">About us</div>
<div class="text-wrapper light">
Learn more about us. Learn more about us. Learn more about
us. Learn more about us. Learn more about us. Learn more
about us. Learn more about us. Learn more about us. Learn
more about us. Learn more about us. Learn more about us.
Learn more about us. Learn more about us. Learn more about
us. Learn more about us.
</div>
</div>
</div>
</div>
</div>
<div class="nav-bottom">
<div class="contact nav-item">
<div class="contact nav-item">
<div class="card-container">
<div class="card">
<div class="card-icon">
<ion-icon name="send-sharp"></ion-icon>
</div>
<div class="preview-text">Contact us</div>
<div class="text-wrapper">
Get in touch. Let's talk businesss. Get in touch. Let's
talk businesss. Get in touch. Let's talk businesss. Get in
touch. Let's talk businesss. Get in touch. Let's talk
businesss. Get in touch. Let's talk businesss. Get in
touch. Let's talk businesss. Get in touch. Let's talk
businesss. Get in touch. Let's talk businesss. Get in tGet
in touch. Let's talk businesss. Get in touch. Let's talk
businesss. Get in touch. Let's talk businesss. ouch. Let's
talk businesss. Get in touch. Let's talk businesss.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="index.js"></script>
</body>
</html>