Interactive/about.html at main · dino-se/Interactive · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Edions Interactive - About</title>

    <link rel="stylesheet" href="style.css" />
    <link
      rel="shortcut icon"
      href="https://github.githubassets.com/favicons/favicon.png"
      type="image/x-icon"
    />
  </head>
  <body>
    <div class="header">
      <div class="nav">
        <div class="icon">
          <a href="#">
            <img
              src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png"
              alt=""
            />
          </a>
        </div>
        <ul>
          <li class="nav-options"><a href="index.html">HOME</a></li>
          <li class="nav-options"><a href="">WORKS</a></li>
          <li class="nav-options"><a href="client.html">CLIENT</a></li>
          <li class="nav-options"><a href="">ABOUT</a></li>
        </ul>
        <svg
          class="search"
          width="19"
          height="19"
          viewBox="0 0 19 19"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M8.1253 16.2497C9.92808 16.2494 11.6789 15.6459 13.099 14.5354L17.5639 19L19 17.5639L14.5351 13.0993C15.6463 11.6792 16.2502 9.92802 16.2506 8.12487C16.2506 3.64502 12.6054 0 8.1253 0C3.64521 0 0 3.64502 0 8.12487C0 12.6047 3.64521 16.2497 8.1253 16.2497ZM8.1253 2.03122C11.4861 2.03122 14.2193 4.76422 14.2193 8.12487C14.2193 11.4855 11.4861 14.2185 8.1253 14.2185C4.76447 14.2185 2.03133 11.4855 2.03133 8.12487C2.03133 4.76422 4.76447 2.03122 8.1253 2.03122Z"
            fill="white"
          />
        </svg>
      </div>
    </div>

    <div class="page-container">
      <div class="about-headline">
        <span class="about-headline-text-1">OUR</span>
        <span class="about-headline-text-2">VISION</span>
      </div>
      <div class="about-text">
        <b>EDISON INTERACTION</b> envisions a digital landscape where user
        experiences are transformed into seamless journeys. We aspire to pioneer
        intuitive UI designs that empower users, bridging the gap between
        imagination and interface. Our vision is to set new standards, inspiring
        a world where technology harmonizes effortlessly with human interaction.
      </div>

      <!-- <div class="tri-circle"></div> -->
      <div class="about-ellipse1"></div>
      <div class="about-ellipse2"></div>
      <div class="about-ellipse3"></div>

      <div class="shaper-container">
        <div class="about-rectangle"></div>
        <div class="about-ellipse"></div>
        <svg
          class="about-polygon"
          width="280"
          height="276"
          viewBox="0 0 400 395"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M106.32 157.25L193.799 5.0177L281.277 157.25H106.32Z"
            stroke="#6d6b6b"
            stroke-width="5"
          />
        </svg>
      </div>
    </div>
  </body>
</html>