-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfigmaproject.html
130 lines (125 loc) · 9.78 KB
/
figmaproject.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<div class="head container-fluid row ">
<img src="https://miro.medium.com/v2/resize:fill:176:176/1*rca048B8jmuo-CHNYu-rNA.png" class="img-responsive pull-left image" alt="responsive-img">
<nav class=" container head navbar navbar-default col-md-8 col-xs-3 col-sm-9 col-lg-5 pull-right nav1 ">
<div class="navbar-header head ">
<button type="button" class="navbar-toggle " data-toggle="collapse" data-target="#mynavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse text-center s1 head" id="mynavbar">
<ul class="nav navbar-nav ">
<li><a href="#">Company</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Business Modal</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</nav>
<div class="container">
<h1 class="text-center ">Welcome to</h1><h1>Chaintech</h1>
<p> From square one to engineering excellence!
PixelPlex assists in full-cycle software development, jumps in to take it over, or brings dedicated top-demanded skills.
Get Started</p>
<center>
<button type="button" class="btn btn-default btn-lg bttn">Get started <i class='bx bx-right-arrow-circle arrow'></i> </button>
</center>
</div>
</div>
<div >
<h2 class="t2">Services We Offer
<span class="side-arrow pull-right"> <i class='bx bx-left-arrow-circle' ></i> <i class='bx bx-right-arrow-circle'></i>
</span></h2>
<span class="sub-text">Discover the digital posibilities for your brand with our suite of services.</span>
</div>
<div class="col-md-3 col-sm-6 ap im1">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class=" block">Blockchain</span> <span class="block"> development</span>
<img src="https://s3-alpha-sig.figma.com/img/7dc1/1c04/de59a4b2a378c99fbc44b9f25b66ab5f?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hq4P9IvWH1wOWOOhzN23MZjF5Ruu1~XMQ9nv72D3j04wi9GFxKuvf7NvjlOXhZ9yQlmsUwfGl5zgV8ba76xFZg43-5o1iRsTpt8G5waxEHPPrtj67XKUIdVqnWSSP9HtwhEKMs7h2yuiaFCVykaK7X7ZGHg3QpJsaxkgxuwmg7cFWcNUyyDAgaGz2KwMKoWHyBbKlCq5QuMKzEc7DgdphmRv3xc1KLjhMBdltVARuXrZv0Q10xxJErErPVPIjNtW2d2y2tRiuKqlchSs1pWIHar3yuD4holm4~4Oo69VAyQ-a7a5OFK-Aix8ZKBjzykqL8PjyPSSWGfjFGxMJciftw__"
class="img-responsive pic0 " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt1" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im2">
<span class="join"><i class='bx bxs-circle'></i>join development <hr/></span>
<span class=" block">Blockchain</span> <span class="block"> development</span>
<img src="https://s3-alpha-sig.figma.com/img/1603/85d0/896a075f524b10272ca35ff215b26f21?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QI4v4zligdHks93y57LaD5MYdy6KHjrUpzUAxGtSi1478-fRrcI~OwAqd8oN4bqucZYgiLuKYrLjLappkarnJDjSxjrOKr8Sd1SUMts2LBp4S10O6bq9kH1DSeTLKnuaiWcI8OJrMSCJTjKsoDoufnpMP6pYUZCA5jUoL4o0IAbQRcMfEMopw0awG5BFRxu9fY1QWSFOM8tXDUVN9uStHp1G3SMd4vudffeipm0i8SUN3cWKmbTConJDLl1Dn5KVAZu4~zFBwA4RObBpLD3JdKisrkR7xDiPu86cPItZThj-z6wH2TANB4N1SFBgsaCSaA-XdCkUYiPXmK6Q5~bJrw__"
class="img-responsive pic " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt2" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im3">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class="block">Security AAS</span>
<img src="https://s3-alpha-sig.figma.com/img/0268/6b23/06ac292f9ecdacd4fec08f6e84737791?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=LE2ZOa0LdKfXLframTUY3y~sOuSiXtS~2W--KsYk-iIvQ911Kg1JqDEp32yLtrjQlx4DYckFiDwPBdpPhX-5-5U5LgpRhRmqdixCvtgiEXoHkffRGvVSXFnhFO-~nGyGdTM~kjY7jHM77VtBWdjYOKhDCsY1m9Nr5RFziP6HZjGGdYF~ZBRem4mqn4FMjbPlx4hTTyU9MgDG9-nY5ebojGG5J0QimJEcCY~Z-2gfU6r-lSKxTQ9P4iiZ18b5zxcMg0SLglRfwA36B~lcg38B1QZh4Yu3Ewh7J9pUpTVppOmQMQ9vj8dGOjXz8Wk1wLJ8-Le1plKahOHgY12SM3atqA__"
class="img-responsive pic3" alt="responsive-img">
<hr/>
<button class="btn btn-xs bt3" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im4">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class="block">Motion Grapic</span>
<img src="https://s3-alpha-sig.figma.com/img/7eb2/4ddc/a63b1062e0deeef5e72d0f4a374ffe2a?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hXjq0ATmZahpa7V6vXNfU6jH3Iks8nUmBYjt7woqH~ZjPLf9qND9xwnZdooZlB0f15aM20AyLISb5frFTLZgBzOJKD2xT9jn6h2iFvZ~8zjCmpmfUODm5OnMLjPG-phxU5qsAVt0MD8KPzf6wuumfWnS5evf~hKXCkli4J19dcUN5A~iBulxp~8pqhpmx5afIKunyOOXIs47CgSEFnpF58T~-DbsG1cyUf~9eE-7oFi5Ao~mLt-4nIiOBYuKbPBdnCWJQeeJqPIwf~YeT4yDGi96Zi2YuBORnBaW81vOCqu-cPDKKfsEHS~z6W9U4PgaznA1iZ1tG9jy8oXYYnuNgg__"
class="img-responsive pic " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt4 " type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im1">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class=" block">Blockchain</span> <span class="block"> development</span>
<img src="https://s3-alpha-sig.figma.com/img/7dc1/1c04/de59a4b2a378c99fbc44b9f25b66ab5f?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hq4P9IvWH1wOWOOhzN23MZjF5Ruu1~XMQ9nv72D3j04wi9GFxKuvf7NvjlOXhZ9yQlmsUwfGl5zgV8ba76xFZg43-5o1iRsTpt8G5waxEHPPrtj67XKUIdVqnWSSP9HtwhEKMs7h2yuiaFCVykaK7X7ZGHg3QpJsaxkgxuwmg7cFWcNUyyDAgaGz2KwMKoWHyBbKlCq5QuMKzEc7DgdphmRv3xc1KLjhMBdltVARuXrZv0Q10xxJErErPVPIjNtW2d2y2tRiuKqlchSs1pWIHar3yuD4holm4~4Oo69VAyQ-a7a5OFK-Aix8ZKBjzykqL8PjyPSSWGfjFGxMJciftw__"
class="img-responsive pic0 " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt5" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im2">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class=" block">Blockchain</span> <span class="block"> development</span>
<img src="https://s3-alpha-sig.figma.com/img/1603/85d0/896a075f524b10272ca35ff215b26f21?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QI4v4zligdHks93y57LaD5MYdy6KHjrUpzUAxGtSi1478-fRrcI~OwAqd8oN4bqucZYgiLuKYrLjLappkarnJDjSxjrOKr8Sd1SUMts2LBp4S10O6bq9kH1DSeTLKnuaiWcI8OJrMSCJTjKsoDoufnpMP6pYUZCA5jUoL4o0IAbQRcMfEMopw0awG5BFRxu9fY1QWSFOM8tXDUVN9uStHp1G3SMd4vudffeipm0i8SUN3cWKmbTConJDLl1Dn5KVAZu4~zFBwA4RObBpLD3JdKisrkR7xDiPu86cPItZThj-z6wH2TANB4N1SFBgsaCSaA-XdCkUYiPXmK6Q5~bJrw__"
class="img-responsive pic " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt6" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im3">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class="block">Security AAS</span>
<img src="https://s3-alpha-sig.figma.com/img/0268/6b23/06ac292f9ecdacd4fec08f6e84737791?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=LE2ZOa0LdKfXLframTUY3y~sOuSiXtS~2W--KsYk-iIvQ911Kg1JqDEp32yLtrjQlx4DYckFiDwPBdpPhX-5-5U5LgpRhRmqdixCvtgiEXoHkffRGvVSXFnhFO-~nGyGdTM~kjY7jHM77VtBWdjYOKhDCsY1m9Nr5RFziP6HZjGGdYF~ZBRem4mqn4FMjbPlx4hTTyU9MgDG9-nY5ebojGG5J0QimJEcCY~Z-2gfU6r-lSKxTQ9P4iiZ18b5zxcMg0SLglRfwA36B~lcg38B1QZh4Yu3Ewh7J9pUpTVppOmQMQ9vj8dGOjXz8Wk1wLJ8-Le1plKahOHgY12SM3atqA__"
class="img-responsive pic3 " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt7" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="col-md-3 col-sm-6 ap im4">
<span class="join"> <i class='bx bxs-circle'></i>join development <hr/></span>
<span class="block">Motion Grapic</span>
<img src="https://s3-alpha-sig.figma.com/img/7eb2/4ddc/a63b1062e0deeef5e72d0f4a374ffe2a?Expires=1712534400&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=hXjq0ATmZahpa7V6vXNfU6jH3Iks8nUmBYjt7woqH~ZjPLf9qND9xwnZdooZlB0f15aM20AyLISb5frFTLZgBzOJKD2xT9jn6h2iFvZ~8zjCmpmfUODm5OnMLjPG-phxU5qsAVt0MD8KPzf6wuumfWnS5evf~hKXCkli4J19dcUN5A~iBulxp~8pqhpmx5afIKunyOOXIs47CgSEFnpF58T~-DbsG1cyUf~9eE-7oFi5Ao~mLt-4nIiOBYuKbPBdnCWJQeeJqPIwf~YeT4yDGi96Zi2YuBORnBaW81vOCqu-cPDKKfsEHS~z6W9U4PgaznA1iZ1tG9jy8oXYYnuNgg__"
class="img-responsive pic " alt="responsive-img">
<hr/>
<button class="btn btn-xs bt8" type="button">Explore <i class='bx bx-right-arrow-circle arrow'></i> </button>
</div>
<div class="footer col-md-12 col-xs-12 col-sm-12 col-lg-12 row">
<img src="https://miro.medium.com/v2/resize:fill:176:176/1*rca048B8jmuo-CHNYu-rNA.png"
class="img-responsive down-img" alt="responsive-img">
<div class="spn"></div>
<div class="line text-center">
©2024 all right reserved - Chaintech Network
</div>
</div>
</body>
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="bootstrap.js"></script>
</html>