-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (119 loc) · 4.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Social Medium Management</title>
<link rel="stylesheet" href="style.css">
<style>
body{
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
}
ul {
float: right;
justify-content: right;
text-align: right;
display: flex;
}
</style>
</head>
<body>
<div class="main">
<div class="navbar">
<h2 class="logo">HarX Services</h2>
<div class="menu">
<ul>
<li><a href="\index.html">HOME</a></li>
<li><a href="\service.html">SERVICE</a></li>
<li>
<div class="dropdown">
<button class="dropbtn">SignUp/LogIn</button>
<div class="dropdown-content">
<a href="/signupindex.html">SIGN UP</a>
<a href="/login.html">LOG IN</a>
</div>
</div>
</li>
<li><a href="\about.html">ABOUT</a></li>
<li><a href="/contact.html">CONTACT</a></li>
</ul>
</div>
</div>
<div class="content">
<h1>Online<br><span>Digital Services</span> <br>Your Friendly Genie..</h1>
<button class="cn"><a href="/signupindex.html">JOIN US</a></button>
</div>
</div>
</div>
</div>
</div>
<div>
<!-- ABOUT -->
<section>
<div class="a">
<div class="box1">
<h1>LET US INTRODUCE</h1><br>
<p class="lui">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
</div>
<div class="box2">
<strong>Video Services</strong>--------80%<br>
<strong>Digital Marketing</strong>---------90%<br>
<strong>Social Media Marketing</strong>-------70%<br>
<strong>Logo Designing</strong>---------95%<br>
<strong>Web development</strong>--------75%<br>
</div>
<div class="box3">
<img src="/img1.jpg" alt="Digital" class="image1">
</div>
</div>
</section>
</div>
<div class="contact">
<h3 class="heading">Contact Form</h3>
<form action="/action_page.php" id="contactform">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="India">India</option>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
<option value="Korea">Korea</option>
<option value="London">London</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
<section class="c">
<div class="b">
<div class="box11">
<div class="box112">
<h1>HarX Company</h1>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing <br>
elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.</p>
</div>
<div class="box12">
<h1>Disclaimer</h1>
<p>
This site is owned by HarX Services. <br>
The site is best viewed in Microsoft Edge 89.0 , Firefox 83.0 or Chrome 89.0
</p>
<h2>call us :- 9161955178 </h2>
</div>
</div>
</section>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
</body>
</html>