-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (83 loc) · 3.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web solutions</title>
<link rel="stylesheet" media="screen and (min-width: 800px)" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 800px)" href="css/phone.css">
</head>
<body>
<header id="home">
<div class="content-wrap">
<h1 class="h-primmary center">Welcome to Byte Stream Technology</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci eum error earum soluta voluptatum nisi
laboriosam eos saepe asperiores dolorum.
<a href="#section-b" class="btn">Read More</a>
</p>
</div>
</header>
<section id="section-a" class="grid">
<div class="content-wrap">
<h2 class="content-title">Web & Application Development</h2>
<div class="content-text">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe sint eligendi possimus? Unde
officiis magnam laborum ipsa distinctio odio, vero dolores dicta aliquam aperiam repellendus.
Perferendis officiis deserunt velit voluptas nobis sequi
animi totam, accusantium, ex eius quia, natus quo?</p>
</div>
</div>
</section>
<section id="section-b">
<div class="box">
<img src="images/img1.jpeg" alt="">
<h3>Web Development</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure minima, sed cumque velit inventore repellendus
deleniti provident. Asperiores at, repellat, architecto voluptatem corrupti provident ratione odit quaerat
voluptate assumenda expedita.</p>
</div>
<div class="box">
<img src="images/img2.jpeg" alt="">
<h3>Mobile Applications</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure minima, sed cumque velit inventore repellendus
deleniti provident. Asperiores at, repellat, architecto voluptatem corrupti provident ratione odit quaerat
voluptate assumenda expedita.</p>
</div>
<div class="box"><img src="images/img3.jpeg" alt="">
<h3>Tech Marketing</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure minima, sed cumque velit inventore repellendus
deleniti provident. Asperiores at, repellat, architecto voluptatem corrupti provident ratione odit quaerat
voluptate assumenda expedita.</p>
</div>
</section>
<section id="section-c">
<div class="content-wrap">
<h2 class="h-secondary">We Handle all of your digital needs</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime nam rerum vel earum error fugiat cupiditate,
dolore eius! Minus, explicabo.</p>
</div>
</section>
<section id="section-d">
<div class="box">
<h3>Contact Us</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum, suscipit. Rerum ducimus a quod, ut et voluptas
obcaecati unde fuga.</p>
<a href="mailto: rakeshgombi18@gmail.com" class="mail">rakeshgombi18@gmail.com</a>
</div>
<div class="box">
<h3>About Our Company</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Distinctio earum porro deserunt, deleniti, quae
facere repudiandae, officiis est exercitationem nobis iusto doloremque! Soluta excepturi in aut suscipit amet
temporibus quo?</p>
</div>
</section>
<footer>
<div class="box">
Byte Stream Technology
</div>
<div class="box">
Project By <span class="special">Rakesh Gombi</span>
</div>
</footer>
</body>
</html>