-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (70 loc) · 3.33 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>replit</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<body>
<section class="flex-container">
<div class="one">
<p style="font-size: x-large;"> Article Submission Form</p>
<p> Fill this form to submit your article</p>
<hr style="color: solid grey;">
<p style="font-weight:700; color:rgb(85, 84, 84);"> tonianwanya@gmail.com <span style="color:blue ;">Switch account</span></p>
<p style="color:red ;"> *Required</p>
</div>
<div class="two">
<form action="" method="post">
<p style="font-size:large ;"> <label for="Email">Email <span style="color: red;">*</span></label></p> <br>
<br>
<input type="text" name="Email" placeholder="Your email">
</form>
</div>
<div class="three">
<form action="" method="post">
<p style="font-size:large ;"> <label for="Name">Name <span style="color: red;">*</span></label></p> <br>
<br>
<input type="text" name="Name" placeholder="Your name">
</form>
</div>
<div class="four">
<form action="" method="post">
<p style="font-size:large ;"> <label for="Handle">Social Media handle</label></p>
<p style="font-size:small ;"> Kindly share preferred social meda profile link (Twitter/LinkdIn/Facebook)</p><br>
<br>
<input type="text" name="Name" placeholder="Your handle">
</form>
</div>
<div class="five">
<p style="font-size:large ;"> <label for="Track">Track</label></p>
<br>
<input type="checkbox" name="" id="">
<label for="Frontend">Front-End</label> <br>
<br>
<input type="checkbox" name="" id="">
<label for="Backend">Back-End</label> <br>
<br>
<input type="checkbox" name="" id="">
<label for="Cloud">Cloud</label>
</div>
<div class="six">
<form action="" method="post">
<p style="font-size:large ;"> <label for="Link">Link to article</label></p>
<br>
<input type="text" name="Name" placeholder="Your link">
</form>
</div>
<div class="seven">
<form action="" method="post" >
<p style="text-align:left;"><button>Submit</button>
<span style="float:right; color: purple;">Clear form</span>
</p>
</form>
</div>
</section>
<script src="script.js"></script>
</body>
</html>