marketPlace/index.html at main · theblackman2/marketPlace · GitHub

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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Market place</title>

  <!-- my css -->
  <link rel="stylesheet" href="./css/index.css">

  <!-- font awesome kit code  -->
  <script src="https://kit.fontawesome.com/6b458d94cf.js" crossorigin="anonymous"></script>
</head>
<body>
  <nav class="main-nav">
    <span class="logo">
      <a href="index.html" id="logo" class="logo">
        <img src="./icons/logo.png" alt="Logo">
      </a>
    </span>
    <span class="links">
      <a href="#" class="services link" id="services">Services +</a>
      <a href="#" class="about-us link" id="about-us">About us +</a>
      <a href="#" class="cases link" id="cases">Cases</a>
      <a href="#" class="blogs link" id="blogs">Blogs</a>
      <a href="#" class="contact link" id="contact">Contact</a>
      <a href="#" class="lang" id="lang">
        <span class="english" id="english">EN</span>
        |
        <span class="french" id="french">FR</span>
      </a>
    </span>
  </nav>
  <header class="main-head">
    <div class="title-description">
      <h1 class="big-title">We maximize <br> e-commerce revenue.</h1>
      <p class="header-description">creating <span class="text-underlined">strategies</span>, <span class="text-underlined">development</span> and <span class="text-underlined">marketing</span> all under one roof!</p>
    </div>
  </header>
  <section class="body-section">
    <div class="already-maximized">
      <p class="max-top">we already</p>
      <p class="max-bot">maximized</p>
      <div class="maximized">
        <div class="card first-card">
          <h2 class="card-title">Blok Plaatmateriaal</h2>
          <p class="card-description">De hele business online wat leidt tot 55% meer rendament!</p>
          <div class="blur"></div>
        </div>
        <div class="card second-card">
          <h2 class="card-title">Zoo&Zo</h2>
          <p class="card-description">Lorem, ipsum dolor sit amet consectetur adipisicing elit</p>
          <div class="blur"></div>
        </div>
        <div class="card third-card">
          <h2 class="card-title">Blok Plaatmateriaal</h2>
          <p class="card-description">Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
          <div class="blur"></div>
        </div>
      </div>
      <a href="#" class="more-max">
        <span class="more-text link-more l">Check out all cases</span>
        <i class="fa-solid fa-arrow-right"></i>
      </a>
    </div>
    <div class="about-us-section">
      <div class="about-us-left">
        <em class="subtitle">let us tell you about our</em>
        <h2 class="title">Way of Working</h2>
        <p class="description">Gett develops clever e-commerce and business websites aimed at your online success. We do this with a team of creative Designers, Developers and clever Digital Marketing specialists. We’ve been helping people with their online businesses since 1999 and are still going strong.</p>
        <span class="wo-are">
          <a href="#">
            <span class="wo-text link-more">This is who we are</span>
            <i class="fa-solid fa-arrow-right"></i>
          </a>
        </span>
      </div>
      <div class="about-us-right">
        <div class="services-top">
          <div class="about-us-service">
            <h2 class="service-title">Strategy.</h2>
            <p class="service-description">Digital campaigns, effective and efficient</p>
          </div>
          <div class="about-us-service">
            <h2 class="service-title">Development.</h2>
            <p class="service-description">Digital campaigns, effective and efficient</p>
          </div>
        </div>
        <div class="services-bot">
          <div class="about-us-service">
            <h2 class="service-title">Marketing.</h2>
            <p class="service-description">Digital campaigns, effective and efficient</p>
          </div>
          <div class="about-us-service">
            <h2 class="service-title">Support.</h2>
            <p class="service-description">Digital campaigns, effective and efficient</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="big-about-section">
    <em class="get-know">gett to know us</em>
    <p class="big-about-description">We are Gett. A full-service e-commerce agency. Full-service, because we believe that all <span class="text-underlined">digital areas</span> of expertise need to work together to achieve <span class="text-underlined">maximum return</span>. And we know exactly how to get that done.</p>
  </section>
  <section class="body-section">
    <div class="already-maximized">
      <p class="max-top">we love to share our</p>
      <p class="max-bot">Expertise & blogs</p>
      <div class="maximized">
        <div class="card second-card">
          <h2 class="card-title">SEA: Using Google ads ad extensions</h2>
          <div class="blur"></div>
        </div>
        <div class="card first-card">
          <h2 class="card-title">From Magento 1 to PrestaShop: More for less guaranteed</h2>
          <div class="blur"></div>
        </div>
        <div class="card third-card">
          <h2 class="card-title">Prestashop 1.7.7. Improved order pages</h2>
          <div class="blur"></div>
        </div>
      </div>
      <span class="more-blog">
        <a href="#" class="more link-more">
          View all blogs
        </a>
        <i class="fa-solid fa-arrow-right"></i>
      </span>
    </div>
  </section>
  <section class="use">
    <div class="use-left">
      <div class="use-logos">
        <div class="use-logo-top">
          <img src="./icons/prestashop.svg" width="70" alt="">
          <img src="./icons/shopware.svg" width="70" alt="">
        </div>
        <div class="use-logo-bot">
          <img src="./icons/bigcommerce.svg" width="70" alt="">
          <img src="./icons/wordpress.svg" width="70" alt="">
        </div>
      </div>
    </div>
    <div class="use-right">
      <em class="subtitle">We use these</em>
      <h2 class="title">Technologies</h2>
      <p class="description use-description">Gett develops clever e-commerce and business websites aimed at your online success. </p>

      <span class="use-more">
        <a class="link-more" href="#">
          View all technologies
        </a>
        <i class="fa-solid fa-arrow-right"></i>
      </span>
    </div>
  </section>
  <footer class="main-footer">
    <section class="footer-top">
      <div class="ft-left">
        <em class="subtitle">we would love to</em>
        <h2 class="title">Gett in touch</h2>
        <a class="text-underlined ftl-links" href="mailto:paskasonga@gmail.com">paskasonga@gmail.com</a><br>
        <a class="text-underlined ftl-links" href="tel:818-860-663">+243 818 860 663</a><br>
        <em class="adress ftl-links">Keesomstraat 40a, Ede, The Netherlands</em><br>
        <span class="socials">
          <a href="#" class="facebook">
            <i class="fa-brands fa-instagram"></i>
          </a>
          <a href="#" class="linked-in">
            <i class="fa-brands fa-linkedin-in"></i>
          </a>
          <a href="#" class="facebook">
            <i class="fa-brands fa-facebook-f"></i>
          </a>
        </span>
      </div>
      <div class="ft-right">
        <div class="ftr-left">
          <h2 class="subtitle">WHAT WE DO</h2>
          <a href="#" class="f-wwd text-underlined">Strategy</a><br>
          <a href="#" class="f-wwd text-underlined">Developpement</a><br>
          <a href="#" class="f-wwd text-underlined">Marketing</a><br>
          <a href="#" class="f-wwd text-underlined">Support</a>
        </div>
        <div class="ftr-right">
          <h2 class="subtitle">WHO WE ARE</h2>
          <a href="#" class="f-wwa text-underlined">About us</a><br>
          <a href="#" class="f-wwa text-underlined">Technologies</a><br>
          <a href="#" class="f-wwa text-underlined">Blogs</a><br>
          <a href="#" class="f-wwa text-underlined">Contact</a>
        </div>
      </div>
    </section>
  </footer>
  <section class="footer-bot">
    <a href="index.html" class="logo">
      <img width="80" height="40" src="./icons/gett-logo-white 2.png" alt="logo">
    </a>
    <span class="fb-others">
      <i class="copy">©Internetbureau gett B.V.</i>
      <a href="#" class="terms text-underlined">Terms & conditions</a>
      <a href="#" class="privacy text-underlined">Privacy Policy</a>
      <a href="#" class="agree text-underlined">User agreements</a>
    </span>
  </section>


  <!-- my js -->
  <script src="./js/index.js" defer></script>


</body>
</html>