Amalitech/DesktopDesign.html at main · Christorious/Amalitech · 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
<!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">
  <link rel="icon" type="image/png" sizes="32x32" href="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/favicon-32x32.png">

  <title>Frontend Mentor | Meet landing page</title>
</head>
<body>
  <div>
    <link href="desktopdesign.css" rel="stylesheet" />
    <div>
      <div class="desktop-desktop">
        <div class="desktop-group4">
          <div class="desktop-group3">
            <span class="desktop-text">
              <span>
                <span>Group Chat</span>
                <br />
                <span>for Everyone</span>
              </span>
            </span>
            <span class="desktop-text05">
              <span>
                Meet makes it easy to connect with others face-to-face virtually
                and collaborate across any device.
              </span>
            </span>
            <div class="desktop-group2">
              <div class="desktop-group">
                <span href="#" class="desktop-text07 " >Download
                  <span class="desktop-active-text09">v1.3</span>
                </span>


              </div>
              <div class="desktop-group-copy">
                <span href="#" class="desktop-text11">What is it?</span>
              </div>
            </div>
          </div>
          <img
            src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-hero-right.png"
            alt="Mask0274"
            class="desktop-mask"
          />
          <img
            src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-hero-left.png"
            alt="Mask0280"
            class="desktop-mask06"
          />
        </div>
        <div class="desktop-group6">
          <div class="desktop-group-copy1">
            <div class="desktop-group5">
              <div class="desktop-rectangle2"></div>
              <span class="desktop-text13">01</span>
            </div>
          </div>
          <div class="desktop-path2" ></div>
        </div>
        <div class="desktop-group7">
          <div class="desktop-bitmap">
            <img
              src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-woman-in-videocall.jpg"
              alt="Mask0294"
              class="desktop-mask12"
            />

          </div>
          <div class="desktop-bitmap-copy">
            <img
              src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-women-videochatting.jpg"
              alt="Mask0298"
              class="desktop-mask13"
            />
          </div>
          <div class="desktop-bitmap-copy2">
            <img
              src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-men-in-meeting.jpg"
              alt="Mask0302"
              class="desktop-mask14"
            />
          </div>
          <div class="desktop-bitmap-copy3">
            <img
              src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-man-texting.jpg"
              alt="Mask0306"
              class="desktop-mask15"
            />
          </div>
        </div>
        <div class="desktop-group8">
          <span class="desktop-text15">
            <span>Smarter meetings, all in one place</span>
          </span>
          <span class="desktop-text17">
            <span>
              Send messages, share files, show your screen, and record your
              meetings — all in one workspace. Control who can join with
              invite-only team access, data encryption, and data export.
            </span>
          </span>
          <span class="desktop-text19"><span>Built for modern use</span></span>
        </div>
        <div class="desktop-bitmap5">
          <img
            src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/desktop/image-footer.jpg"
            alt="Mask0314"
            class="desktop-mask16"
          />
          <img
            src="#"
            alt="Bitmap0316"
            class="desktop-bitmap6"
          />
        </div>
        <div class="desktop-group9">
          <span class="desktop-text21">
            <span>Experience more together</span>
          </span>
          <div class="desktop-group1">
            <span class="desktop-text23"><span>Download</span></span>
            <span class="desktop-text25"><span>v1.3</span></span>
          </div>
          <span class="desktop-text27">
            <span>
              Stay connected with reliable HD meetings and unlimited one-on-one
              and group video sessions.
            </span>
          </span>
        </div>
        <div class="desktop-group6copy">
          <div class="desktop-group-copy2">
            <div class="desktop-group51">
              <span class="desktop-text29"><span>02</span></span>
            </div>
          </div>
        </div>
        <div class="desktop-group11">
          <div class="desktop-group10">
          </div>
          <div class="desktop-meet2">
            <img
              src="/HTML-Personal Site/Landing Project/meet-landing-page/starter-code/assets/logo.svg"
              alt="meet0337"
              class="desktop-meet"
            />
          </div>
        </div>
      </div>
    </div>

   </div>
 </body>
 </html>