-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsignup.html
176 lines (175 loc) · 8.56 KB
/
signup.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
169
170
171
172
173
174
175
176
<!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">
<title>Cryptiva- Cyber Security</title>
<link rel="shortcut icon" href="./img/Service-img/S1.png" type="image/x-icon">
<!-- font awesome link -->
<link rel="stylesheet" href="./css/all.min.css">
<!-- bootstrap 4 css link -->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!-- owl-carousel link -->
<link rel="stylesheet" href="./css/owl.carousel.min.css">
<link rel="stylesheet" href="./css/owl.theme.default.min.css">
<!-- Main css Link -->
<link rel="stylesheet" href="./css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<!-- blog section start here -->
<section class="Blog_section my-5 py-5 text-white">
<div class="Service_section_title text-center text-white">
<h6>Contact</h6>
</div>
<div class="container">
<div class="owl-carousel">
<div class="Blog_Card">
<div class="blog_img">
<img src="./img/Blog_img/blog-1.jpg" class="img-fluid" alt="">
</div>
<div class="blog_description">
<small>Latest News</small>
<h1>Five Strategies to Optimize Cloud Security in 2021</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error maxime cumque aut optio vitae ipsa ducimus quo eligendi praesentium in.</p>
</div>
<div class="read_more_button">
<a href="#" class="btn common_button">READ MORE <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
<div class="Blog_Card">
<div class="blog_img">
<img src="./img/Blog_img/blog-2.jpg" class="img-fluid" alt="">
</div>
<div class="blog_description">
<small>Criminals</small>
<h1>Cyber Criminals Publish Stolen Sepa Data</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error maxime cumque aut optio vitae ipsa ducimus quo eligendi praesentium in.</p>
</div>
<div class="read_more_button">
<a href="#" class="btn common_button">READ MORE <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
<div class="Blog_Card">
<div class="blog_img">
<img src="./img/Blog_img/blog-3.jpg" class="img-fluid" alt="">
</div>
<div class="blog_description">
<small>Security</small>
<h1>The Security Risks Of Changing Package Owners</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error maxime cumque aut optio vitae ipsa ducimus quo eligendi praesentium in.</p>
</div>
<div class="read_more_button">
<a href="#" class="btn common_button">READ MORE <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
<div class="Blog_Card">
<div class="blog_img">
<img src="./img/Blog_img/blog-4.jpg" class="img-fluid" alt="">
</div>
<div class="blog_description">
<small>Data Privecy</small>
<h1>The Security Risks Of Changing Package Owners</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error maxime cumque aut optio vitae ipsa ducimus quo eligendi praesentium in.</p>
</div>
<div class="read_more_button">
<a href="#" class="btn common_button">READ MORE <i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- blog section end here -->
<footer class="text-white">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 wow bounceInLeft">
<div class="service_section_title">
<h6>Contact Us</h6>
<h3>Get In Touch</h3>
</div>
<div class="small_des">
<p>Robotic Cyber adalah sebuah perusahaan teknologi informasi yang berlokasi di Jakarta dan Surabaya </p>
</div>
<div class="Address_section d-flex justify-content-between">
<div class="home d-flex justify-content-between">
<div class="address_icon">
<i class="fas fa-home"></i>
</div>
<div class="address">
<h6>Jakarta Office</h6>
<p>Jl. Sultan Iskandar Muda, Kebayoran Lama<br/> Jakarta Selatan - 12240</p>
</div>
</div>
<div class="home d-flex justify-content-between">
<div class="address_icon">
<i class="fas fa-home"></i>
</div>
<div class="address">
<h6>Surabaya Office</h6>
<p>Jl. Ploso Timur IV<br/> Jawa Timur - 60133</p>
</div>
</div>
</div>
<div class="Address_section d-flex justify-content-between">
<div class="home d-flex justify-content-between">
<div class="address_icon">
<i class="fas fa-phone-volume"></i>
</div>
<div class="address ml-4">
<h6>Call Us</h6>
<p>(+62)888 802 2526</p>
</div>
</div>
<div class="home d-flex justify-content-between">
<div class="address_icon">
<i class="far fa-envelope"></i>
</div>
<div class="address">
<h6>Email Address</h6>
<p>security@labsbots.com</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow bounceInRight">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your email">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Subject">
</div>
<div class="form-group">
<textarea class="form-control" id="exampleFormControlTextarea1" rows="4" placeholder="Your Message..."></textarea>
</div>
<a href="#" class="btn common_button">Sent Message</a>
</form>
</div>
</div>
</div>
</footer>
<!-- JQuery file -->
<script src="./js/jquery-3.6.0.min.js"></script>
<!-- Popper Js -->
<script src="./js/popper.min.js"></script>
<!-- Bootstrap File -->
<script src="./js/bootstrap.min.js"></script>
<!-- font awesome link -->
<script src="./js/all.min.js"></script>
<!-- Type js link -->
<script src="./js/typed.js"></script>
<!-- counter up js -->
<script src="./js/jquery.waypoints.js"></script>
<script src="./js/jquery.counterup.js"></script>
<!-- owl carousel link -->
<script src="./js/owl.carousel.min.js"></script>
<!-- Main Js -->
<script src="./js/main.js"></script>
</body>
</html>