-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (101 loc) · 5.07 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="responsive.css">
<title> Abcoder Transformimg Online Education </title>
</head>
<body>
<nav class="navbar backgroud h-nav" >
<ul class="nav-list v-vis">
<div class="logo"> <img src="img\logo.jpg.jpg" alt="logo" style=" border:2px solid red;
border-radius: 29px; width: 35%;"> </div>
<li syle=" padding: 26px,30px;"><a class="hide" href="#home">Home</a></li>
<li syle=" padding: 26px,30px;"><a class="hide1" href="#about">About</a></li>
<li syle=" padding: 26px,30px;"><a class="hide2" href="#Servicess">Services</a></li>
<li syle=" padding: 26px,30px;"><a class="hide3" href="#Contactt">Contact</a></li>
</ul>
<div class="rightnav v-vis">
<input type="text" name="search" class="search" id="search">
<button class="btn btn-sm">Serach</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="backgroud firstsection " id="home" >
<div class="main-box">
<div class="firsthalf">
<p class="big-text"> ab coder is future coder in it sector</p>
<p class="smal-text"> An IT company has several different responsibilities that are the key to success in business. They do a lot of work behind the scenes, aside from making sure that your computers are working. IT companies make it possible for people to leverage systems and devices to keep things running smoothly in their organizations.12-Dec-2019 </p>
<button class="btn">Subscribe</button>
<button class="btn">Watch vides</button>
</div>
<div class="secondhalf" ></div>
<img src="img\anil.jpg" class="ig">
</div>
</section>
<h1 class="big-text sr us" id="Servicess">Our Services</h1>
<section class="resright" >
<div class="pares">
<p class="sectiontg big-text" >Netwroking</p>
<p class="sectionsubtag smal-text"> Networking is the exchange of information and ideas among people with a common profession or other interest, usually in an informal social setting.and access information from the web server</p>
</div>
<div class="nail">
<img src="img\n.jpg" alt="laptop image" class="fluid">
</div>
</section>
<section class="resleft resright left">
<div class="pares">
<p class="sectiontg big-text">Programming</p>
<p class="sectionsubtag smal-text"> Programming is a creative process that instructs a computer on how to do a task. Hollywood has helped instill an image of programmers as uber techies who can sit down at a computer and break any password in seconds.
</p>
</div>
<div class="nail">
<img src="img\p.jpg" alt="laptop image" class="fluid">
</div>
</section>
<section class="resright resright">
<div class="pares">
<p class="sectiontg big-text">Web Technology</p>
<p class="sectionsubtag smal-text"> Since computers can’t communicate with each other the way people do, they require codes instead. Web technologies are the markup languages and multimedia packages computers use to communicate
</p>
</div>
<div class="nail">
<img src="img\w.jpg" alt="laptop image" class="fluid">
</div>
</section>
<section class="Contact" >
<hr>
<h1 class="us" id="Contactt">contact us</h1>
<div class="form">
<input type="text" name="name" id="name" placeholder="Enter your name ">
<input type="number" name="number" id="number" placeholder="Enter your phone no ">
<input type="email" name="email" id="email" placeholder="Enter your email ">
<textarea class="textarea" name="textarea" id="textarea" placeholder="Enter your massege"></textarea>
<button class="btn dark btn-sm">Submit</button>
</div>
</section>
<section class="Contact" >
<hr>
<h1 class="us" id="about">About</h1>
<div class="form">
<div class="px-4 py-5 my-5 text-center">
<img class="fluid srrrr" src="img\anil.jpg" alt="" width="72" height="57">
<h1 class="display-5 fw-bold pares">Technologies</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4 pares ">When you think of technology there’s a good chance you think of physical things like big machines or fast computers. But when economists talk about technology, they’re thinking more broadly about new ways of doing things.</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
</div>
</div>
</section>
<footer class="backgroud">
<p class="text-footer">Created by anil babu</p>
</footer>
<script src="res.js"></script>
</body>
</html>