vscode-github/task3.html at main · saba-iyad/vscode-github · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://kit.fontawesome.com/4c68dd9408.js" crossorigin="anonymous"></script>
    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-200">

<div class=" flex flex justify-center w-foll ...">
    <div class=" bg-gray-100 w-4/12 lg:w-foll  my-3 ">
    <h1 class=" text-center  text-3xl text-red-500 md:text-indigo-500"> Create Account </h1>
    <div  class=" text-center   my-2 ">
        <!-- class="bordar-2 rounded-foll  -->
    <i class="fab fa-google" ></i>
    <i class="fab fa-facebook"></i>
    <i class="fab fa-twitter"></i>
    </div>
    <p class="text-opacity-75 text-center text-gray-700  my-2 ">or use your email for registration:</p>
    <div class=" text-center ">
    <input  class="box-border h-10 w-50 p-4 border-2 focus:border-red-500 outlin-non rounded-lg  bg-gray-100  my-2 ..." placeholder="Name"type="name" >
    </div>
    <div class="text-center">
    <input  class="box-border h-10 w-50 p-4 border-2 rounded-lg  bg-gray-100 my-2 placeholder-gray-500 placeholder-opacity-50 ..."  placeholder="email" type="email">
    </div>
    <div class="text-center">
    <input class="box-border h-10 w-50 p-4 border-2 rounded-lg bg-gray-100 my-2 ..." placeholder="password" type="password">
    </div>
    <div class="  text-center">
        <!--  appearance-none focas:bg-red-600  border-red-500 h-6 w-6 -->
        <p><input  class="  bg-red-600  border-red-500 ..." type="checkbox"> I agree to the <a class="text-red-500 md:text-indigo-500 ">Terams</a> and <a class="text-red-500 md:text-indigo-500 "> privacy policy</a></p>

    </div>
    <div  class="text-center" >
    <button class=" text-center box-border w-3/12  p-4 border-2 rounded-lg border-red-500 bg-red-600 md:border-indigo-500 md:bg-indigo-500 box-content my-2 text-white ...">sing up</button>
    <button  class=" text-centerbox-border w-3/12 p-4 border-2 rounded-lg border-red-500 md:border-indigo-500  box-content my-2 text-red-500 md:text-indigo-500  ..." >sing in</button>
    </div>
</div>
</div>
<div class="flex justify-center ">
<div class="grid grid-cols-2 gap-10">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>5</div>
</div>
</div>
</body>
</html>