Techkaro-WeeklyTask2/index.html at master · AzeemSup/Techkaro-WeeklyTask2 · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css">
	<title></title>
</head>
<body>

	<div class="container1">

		<div class="before"> <!-- Before  --></div>


		<div class="container2">

			<div style="display: flex;" class="form_body">

				<div class="form1">

					<div> <img style="height: 32px;" src="google_logo.png"> </div>

					<form class="form_main">

						<div>
						 	<h1 id="create_account">Create your Google Account</h1>
						 	<p id="continue_to">Continue to Gmail</p>
						</div>

						<div class="form_main1">

							<div style="display: flex; padding-left: 2px;">
								<input class="input_name" type="text" placeholder="First Name" required>
								<input style="margin-left: 10px;" class="input_name" type="text" placeholder="Last Name" required>
							</div>

							<div>

								<div class="form_row2">
									<div id="un_row">
										<input style="width: 280px;" class="input_username" type="text" placeholder="Username" required>
										<div style="padding-top: 6px; padding-right: 6px;">@gmail.com</div>
									</div>
								</div>

								<div>
									<p style="margin-left: 2px; font-size: 12px;">You can use letters, numbers & periods</p>
								</div>

							</div>

							<div style="display: flex; padding-left: 2px; margin-top: 20px;">
								<input class="input_pass" type="password" placeholder="Password" required>
								<input style="margin-left: 10px;" class="input_pass" type="password" placeholder="Confirm" required>
								<img style="height: 24px; width: 24px; padding: 6px;" src="eye_icon.png">
							</div>

							<p style="margin-left: 2px; font-size: 12px; width: 340px;">Use 8 or more characters with a mix of letters, numbers & symbols</p>

							<div style="display: flex; align-items: center;" class="form_row4">
								<div class="sign_in"><a href="#">Sign in instead</a></div>

								<input type="submit" value="Next" name="">
							</div>

						</div>

					</form>

				</div>

				<div >
					<img class="account" src="account.svg">
					<p style=" width: 240px; margin-left: 20px; margin-top: 0px; text-align: center; font-size: 16px; font-weight: 300;">One account. All of Google working for you.</p>
				</div>

			</div>

		</div>

		<section class="footer">

            <div>
                <select style="border: none;">
                    <option value="English">English (United States)</option>
                    <option value="German">German</option>
                    <option value="Turkish">Turkish</option>
                    <option value="Urdu">Urdu</option>
                    <option value="French">French</option>
                </select>
            </div>

            <div class="links">
                <ul class="last_links">
                    <li><a href="#">Help</a></li>
                    <li><a href="#">Privacy</a></li>
                    <li><a href="#">Terms</a></li>
                </ul>
            </div>

        </section>

		<div class="after"> <!-- After  --></div>

	</div>

</body>
</html>