FlyRide/enyhteys.html at main · qkas/FlyRide · 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
<!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">
  <meta name="theme-color" content="#008075"/>
  <meta name="description" content="Flyride - An innovative electric hoverboard for easy and efficient transport.">
  <meta name="keywords" content="lentävä skeittilauta, leijuva skeittilauta, skeittilauta, skeittilautailu, liitolauta, sähköpotkulauta, sähköskeittilauta, matka, liikenne, työmatka, koulumatka, kulkeminen, sähköinen kulkeminen, työ, koulu, hauskanpito, harrastus,
  hovering skateboard, flying skateboard, skateboard, skateboarding, hoverboard, electric scooter, electric skateboard, travel, transport, trafic, commute, work trip, school trip, electric transport, work, school, fun, cool, hobby">
  <link rel="stylesheet" href="style.css">
  <link rel="icon" type="image/png" sizes="32x32" href="/kuvat/icon.png">
  <script src="https://kit.fontawesome.com/c39f856afb.js" crossorigin="anonymous"></script>
  <title>FlyRide contact - Contact us by filling this form.</title>
</head>
<body>
  <header>
    <h1><a href="enindex.html">FlyRide</a></h1>
    <nav class="sivut">
      <ul>
        <li><a href="enindex.html">Home</a></li>
        <li><a href="shop.html">Shop</a></li>
        <li><a href="enpalaute.html">Rate us</a></li>
        <li><a href="enyhteys.html">Contact us</a></li>
      </ul>
    </nav>
    <nav class="mobile-sivut">
      <div id="dropdown-sivut">
        <a href="enindex.html">Home</a>
        <a href="shop.html">Shop</a>
        <a href="enpalaute.html">Rate us</a>
        <a href="enyhteys.html">Contact us</a>
      </div>
      <a href="javascript:void(0);" class="icon" onclick="dropdown()" aria-label="Navigation menu">
        <i class="fa-solid fa-bars"></i>
      </a>
    </nav>
    <script src="script.js"></script>
    <nav class="kieli">
      <a href="yhteys.html" aria-label="Suomenna sivu">FIN <i class="fa-solid fa-globe"></i></a>
    </nav>
  </header>
  <main>
    <section>
        <h2>Contact us.</h2>
        <p>Fill in our form and we'll respond as soon as we can.</p>
        <form action="/" class="forms">
            <label for="nimi">What is your name?</label>
            <input name="nimi" type="text" placeholder="Firstname Lastname">

            <label for="sposti">Give us your email.</label>
            <input name="sposti" type="email" placeholder="example@example.com">

            <label for="viesti">What do you have to tell us?</label>
            <textarea name="viesti" placeholder="Write your message here..." rows="4" maxlength="400"></textarea>

            <button type="submit" href="/">Send</button>
        </form>
    </section>
  </main>
  <footer>
    <p>&copy; FlyRide 2023</p>
  </footer>
</body>
</html>