-
Notifications
You must be signed in to change notification settings - Fork 0
/
inde.html
168 lines (165 loc) · 11 KB
/
inde.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
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
<!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="stylesheet" href="style/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Document</title>
</head>
<body>
<div class="contener">
<div class="top">
<div class="header">
<div class="nav">
<h1>Affinix</h1>
</div>
<div class="menu">
<ul>
<li><a href="#">Product</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
</ul>
<button class="blue">Log in</button>
</div>
</div>
<div class="content">
<div class="text">
<div class="para">
<p class="big">Save time by building fast with <span class="logo"> Affinix</span> Agency</p>
<p class="smalle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa mi. Aliquam in hendrerit urna.</p>
</div>
<div class="button">
<button class="light">Get Started</button>
<button class="empty">Explore</button>
</div>
</div>
<div class="image1">
<img src="plugin/Group 5.png" alt="" srcset="">
</div>
</div>
</div>
<div class="black">
<div class="boxMidel">
<h1>45%</h1>
<p>Exclusive customers</p>
</div>
<div class="boxMidel">
<h1>45%</h1>
<p>Exclusive customers</p>
</div>
<div class="boxMidel">
<h1>45%</h1>
<p>Exclusive customers</p>
</div>
<div class="boxMidel">
<h1>45%</h1>
<p>Exclusive customers</p>
</div>
</div>
<div class="service">
<div class="header">
<h1>Our Services</h1>
<p>The service <br> we provide with hight quality</p>
</div>
<div class="conienirebox">
<div class="boxsservice">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.5 5H7.5C6.83696 5 6.20107 5.26339 5.73223 5.73223C5.26339 6.20107 5 6.83696 5 7.5V52.5C5 53.163 5.26339 53.7989 5.73223 54.2678C6.20107 54.7366 6.83696 55 7.5 55H22.5C23.163 55 23.7989 54.7366 24.2678 54.2678C24.7366 53.7989 25 53.163 25 52.5V25H52.5C53.163 25 53.7989 24.7366 54.2678 24.2678C54.7366 23.7989 55 23.163 55 22.5V7.5C55 6.83696 54.7366 6.20107 54.2678 5.73223C53.7989 5.26339 53.163 5 52.5 5V5ZM50 20H45V17.5C45 16.837 44.7366 16.2011 44.2678 15.7322C43.7989 15.2634 43.163 15 42.5 15C41.837 15 41.2011 15.2634 40.7322 15.7322C40.2634 16.2011 40 16.837 40 17.5V20H35V17.5C35 16.837 34.7366 16.2011 34.2678 15.7322C33.7989 15.2634 33.163 15 32.5 15C31.837 15 31.2011 15.2634 30.7322 15.7322C30.2634 16.2011 30 16.837 30 17.5V20H25V17.5C25 16.837 24.7366 16.2011 24.2678 15.7322C23.7989 15.2634 23.163 15 22.5 15C21.837 15 21.2011 15.2634 20.7322 15.7322C20.2634 16.2011 20 16.837 20 17.5V20H17.5C16.837 20 16.2011 20.2634 15.7322 20.7322C15.2634 21.2011 15 21.837 15 22.5C15 23.163 15.2634 23.7989 15.7322 24.2678C16.2011 24.7366 16.837 25 17.5 25H20V30H17.5C16.837 30 16.2011 30.2634 15.7322 30.7322C15.2634 31.2011 15 31.837 15 32.5C15 33.163 15.2634 33.7989 15.7322 34.2678C16.2011 34.7366 16.837 35 17.5 35H20V40H17.5C16.837 40 16.2011 40.2634 15.7322 40.7322C15.2634 41.2011 15 41.837 15 42.5C15 43.163 15.2634 43.7989 15.7322 44.2678C16.2011 44.7366 16.837 45 17.5 45H20V50H10V10H50V20Z" />
</svg>
<h2>Design</h2>
<p>It has survived not only five centuries, but also desktop publishing software like Aldus PageMaker including virsions</p>
</div>
<div class="boxsservice">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M47.5 15H40V12.5C40 11.1739 39.4732 9.90215 38.5355 8.96447C37.5979 8.02678 36.3261 7.5 35 7.5H25C23.6739 7.5 22.4021 8.02678 21.4645 8.96447C20.5268 9.90215 20 11.1739 20 12.5V15H12.5C10.5109 15 8.60322 15.7902 7.1967 17.1967C5.79018 18.6032 5 20.5109 5 22.5V45C5 46.9891 5.79018 48.8968 7.1967 50.3033C8.60322 51.7098 10.5109 52.5 12.5 52.5H47.5C49.4891 52.5 51.3968 51.7098 52.8033 50.3033C54.2098 48.8968 55 46.9891 55 45V22.5C55 20.5109 54.2098 18.6032 52.8033 17.1967C51.3968 15.7902 49.4891 15 47.5 15ZM25 12.5H35V15H25V12.5ZM50 45C50 45.663 49.7366 46.2989 49.2678 46.7678C48.7989 47.2366 48.163 47.5 47.5 47.5H12.5C11.837 47.5 11.2011 47.2366 10.7322 46.7678C10.2634 46.2989 10 45.663 10 45V30.975L21.7 35C21.9655 35.036 22.2345 35.036 22.5 35H37.5C37.7711 34.995 38.0403 34.9529 38.3 34.875L50 30.975V45ZM50 25.7L37.1 30H22.9L10 25.7V22.5C10 21.837 10.2634 21.2011 10.7322 20.7322C11.2011 20.2634 11.837 20 12.5 20H47.5C48.163 20 48.7989 20.2634 49.2678 20.7322C49.7366 21.2011 50 21.837 50 22.5V25.7Z" />
</svg>
<h2>Design</h2>
<p>It has survived not only five centuries, but also desktop publishing software like Aldus PageMaker including virsions</p>
</div>
<div class="boxsservice">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 12.5C24.5055 12.5 24.0222 12.6466 23.6111 12.9213C23.2 13.196 22.8795 13.5865 22.6903 14.0433C22.5011 14.5001 22.4516 15.0028 22.548 15.4877C22.6445 15.9727 22.8826 16.4181 23.2322 16.7678C23.5819 17.1174 24.0273 17.3555 24.5123 17.452C24.9972 17.5484 25.4999 17.4989 25.9567 17.3097C26.4135 17.1205 26.804 16.8 27.0787 16.3889C27.3534 15.9778 27.5 15.4945 27.5 15C27.5 14.337 27.2366 13.7011 26.7678 13.2322C26.2989 12.7634 25.663 12.5 25 12.5ZM15 12.5C14.5055 12.5 14.0222 12.6466 13.6111 12.9213C13.2 13.196 12.8795 13.5865 12.6903 14.0433C12.5011 14.5001 12.4516 15.0028 12.548 15.4877C12.6445 15.9727 12.8826 16.4181 13.2322 16.7678C13.5819 17.1174 14.0273 17.3555 14.5123 17.452C14.9972 17.5484 15.4999 17.4989 15.9567 17.3097C16.4135 17.1205 16.804 16.8 17.0787 16.3889C17.3534 15.9778 17.5 15.4945 17.5 15C17.5 14.337 17.2366 13.7011 16.7678 13.2322C16.2989 12.7634 15.663 12.5 15 12.5ZM35 12.5C34.5055 12.5 34.0222 12.6466 33.6111 12.9213C33.2 13.196 32.8795 13.5865 32.6903 14.0433C32.5011 14.5001 32.4516 15.0028 32.548 15.4877C32.6445 15.9727 32.8826 16.4181 33.2322 16.7678C33.5819 17.1174 34.0273 17.3555 34.5123 17.452C34.9972 17.5484 35.4999 17.4989 35.9567 17.3097C36.4135 17.1205 36.804 16.8 37.0787 16.3889C37.3534 15.9778 37.5 15.4945 37.5 15C37.5 14.337 37.2366 13.7011 36.7678 13.2322C36.2989 12.7634 35.663 12.5 35 12.5ZM50 2.5H10C8.01088 2.5 6.10322 3.29018 4.6967 4.6967C3.29018 6.10322 2.5 8.01088 2.5 10V50C2.5 51.9891 3.29018 53.8968 4.6967 55.3033C6.10322 56.7098 8.01088 57.5 10 57.5H50C51.9891 57.5 53.8968 56.7098 55.3033 55.3033C56.7098 53.8968 57.5 51.9891 57.5 50V10C57.5 8.01088 56.7098 6.10322 55.3033 4.6967C53.8968 3.29018 51.9891 2.5 50 2.5V2.5ZM52.5 50C52.5 50.663 52.2366 51.2989 51.7678 51.7678C51.2989 52.2366 50.663 52.5 50 52.5H10C9.33696 52.5 8.70107 52.2366 8.23223 51.7678C7.76339 51.2989 7.5 50.663 7.5 50V27.5H52.5V50ZM52.5 22.5H7.5V10C7.5 9.33696 7.76339 8.70107 8.23223 8.23223C8.70107 7.76339 9.33696 7.5 10 7.5H50C50.663 7.5 51.2989 7.76339 51.7678 8.23223C52.2366 8.70107 52.5 9.33696 52.5 10V22.5Z"/>
</svg>
<h2>Design</h2>
<p>It has survived not only five centuries, but also desktop publishing software like Aldus PageMaker including virsions</p>
</div>
</div>
</div>
<div class="Product">
<div class="headr">
<div class="title"><h1>Work we have already done</h1></div>
<div class="veuAll">
<button>View Gallery</button>
</div>
</div>
</div>
<div class="boxsProdact">
<div class="box">
<div class="img"><img src="plugin/Frame 38.png" alt=""></div>
<div class="info">
<div class="titel">
<h1>Mobile App Design</h1>
<p>design</p>
</div>
<h3>Read More</h3>
</div>
</div>
<div class="box">
<div class="img"><img src="plugin/Frame 38.png" alt=""></div>
<div class="info">
<div class="titel">
<h1>Mobile App Design</h1>
<p>design</p>
</div>
<h3>Read More</h3>
</div>
</div>
<div class="box">
<div class="img"><img src="plugin/Frame 38.png" alt=""></div>
<div class="info">
<div class="titel">
<h1>Mobile App Design</h1>
<p>design</p>
</div>
<h3>Read More</h3>
</div>
</div>
</div>
<div class="about">
<div class="content">
<div class="img"><img src="plugin/Frame 42.png" alt=""></div>
<div class="text">
<h3>Get Know Us</h3>
<h1>We are dynamic team
and digital Agency</h1>
<p>It has survived not only five centuries, but also
desktop publishing software like Aldus
PageMaker including virsions
It has survived not only five centuries, but also
desktop publishing software like Aldus
PageMaker including virsions
</p>
<button>Read More</button>
</div>
</div>
</div>
<div class="callme">
<div class="leater">
<h1>Have any
project in mind</h1>
<button>let's go</button>
</div>
<div class="img">
<img src="plugin/Frame 71.png" alt="">
</div>
</div>
<div class="copyright">
<p>© Copyright 2023 affinix Design by Abdo</p>
</div>
</div>
</body>
</html>