-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (125 loc) · 5.55 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>3-man web Development</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat|Pacifico&display=swap" async>
</head>
<body>
<header>
<div class="top_navigation_container">
<div class="container">
<div class="web_title">
<img src="img/logo.png" alt="">
<span>Three man<br><span id="web_title_line">Web Development</span></span>
</div>
<div class="menu">
<a href="service.html">Services</a>
<a href="">Pricing</a>
<a href="">Design</a>
<a href="">About</a>
<a href=""><button class="topbtn">Contact</button></a>
</div>
</div>
</div>
<div class="header_content">
<div class="header_content_left">
<div class="header_slogan">
<span>We make your<br> Business<br>to the<br>next level</span>
</div>
<div class="primary_button">
<button class="pribtn">our services</button>
</div>
</div>
</div>
</header>
<section class="https">
<div class="https_container">
<img src="img/https.png">
<div class="https_container_content">
<h2>Secure HTTPS websites</h2>
<p>Websites with HTTP protocol are no longer secure,
Because with HTTP data is transferred Publicly
without any encryption. We use HTTPS to ensure that our Clients are Safer and their Data is safe with us.</p>
<a href="pricing.html"><button class="planbtn">view Plans</button>
</a>
</div>
</div>
</section>
<section class="responsive">
<div class="responsive_container">
<div class="responsive_container_content">
<h2>Mobile Responsive Designs</h2>
<p>Responsive Web Design Is A Challenge In The Past.
But 3-Man Developers Are An Exeption. Our Developers
Design Your Website So That Your Website Is Responsive In
All Devices Like Laptops,Ipads And Mobiles</p>
<a href=""> <button class="designbtn">view Designs</button></a>
</div>
<img src="img/responsive.jpg">
</div>
</section>
<section class="animation">
<div class="animation_container">
<canvas id="canvas"></canvas>
<div class="animation_content">
<div>
<span>Animation at its best</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur adipisci modi quod numquam commodi dignissimos iusto praesentium, voluptatum tempore, doloremque esse, voluptates distinctio dolores nulla consequuntur voluptatem placeat odit quam!</p>
<button class="animationbtn">Contact Us</button>
</div>
</div>
</div>
</section>
<section class="social">
<div class="social_container">
<div class="social_title">
<span>Follow us On</span>
</div>
<div class="social_svg">
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
<span>Facebook</span>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
<span>Instagram</span>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
<span>Youtube</span>
</div>
</div>
</div>
</section>
<footer>
<div class="footer_container">
<div class="copyright">
<span>Designed and developed by 3 man design Developers</span><br>
<span>Copyright © 3 man 2019</span>
</div>
</div>
</footer>
<section class="hamburger">
<div></div>
<div></div>
<div></div>
</section>
<section class="menu2container">
<section class="menu2">
<a href="service.html">Services</a>
<a href="">Pricing</a>
<a href="">Design</a>
<a href="">About</a>
<a href=""><button class="topbtn">Contact</button></a>
</section>
</section>
<script src="js/common.js"></script>
<script src="js/animation.js">
</script>
</body>
</html>