1
+
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < title > Code Classrooms</ title >
7
+
8
+ < link rel ="stylesheet " href ="./bundles/css/style.css " type ="text/css " media ="all ">
9
+ < link href ="./bundles/css/font-awesome.min.css " rel ="stylesheet " type ="text/css " media ="all ">
10
+ < link href ="//fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800 " rel ="stylesheet ">
11
+
12
+
13
+ </ head >
14
+
15
+ < body >
16
+
17
+ < div id ="page " class ="page ">
18
+
19
+ < section class ="main bg bg1 " style ="background-color: rgba(0, 0, 0, 0); margin-top: 0px; background-image: url("bundles/images/code.gif"); outline: none; cursor: inherit; ">
20
+ < div class ="layer ">
21
+
22
+ < div class ="bottom-grid ">
23
+ < div class ="logo ">
24
+ < h1 > </ h1 >
25
+ </ div >
26
+ < div class ="links ">
27
+ < ul class ="links-unordered-list ">
28
+ < li class ="active ">
29
+ < a href ="# " class ="editContent " style ="outline: none; cursor: inherit; "> Login</ a >
30
+ </ li >
31
+
32
+ < li class ="">
33
+ < a href ="# " class ="editContent " style ="outline: none; cursor: inherit; outline-offset: -2px; "> Register</ a >
34
+ </ li >
35
+
36
+ </ ul >
37
+ </ div >
38
+ </ div >
39
+ < div class ="content-Layot ">
40
+ < div class ="text-center icon ">
41
+ < div class ="logo ">
42
+ < h1 align ="center "> < img src ="bundles/images/Untitled-1.png " width ="198 "> </ h1 >
43
+ </ div >
44
+ </ div >
45
+
46
+ < div class ="content-bottom ">
47
+ < form action ="# " method ="post ">
48
+ < div class ="field-group editContent ">
49
+ < div class ="icon-field ">
50
+ < span class ="fa fa-user " aria-hidden ="true "> </ span >
51
+ </ div >
52
+ < div class ="wthree-field ">
53
+ < input name ="text1 " id ="text1 " type ="text " value ="" placeholder ="Username " required ="">
54
+ </ div >
55
+ </ div >
56
+ < div class ="field-group editContent ">
57
+ < div class ="icon-field ">
58
+ < span class ="fa fa-lock " aria-hidden ="true " style ="outline: none; cursor: inherit; "> </ span >
59
+ </ div >
60
+ < div class ="wthree-field ">
61
+ < input name ="password " id ="myInput " type ="Password " placeholder ="Password ">
62
+ </ div >
63
+ </ div >
64
+ < div class ="wthree-field ">
65
+ < button type ="submit " class ="btn " style ="border-radius: 0px; font-size: 16px; background-color: rgb(153, 0, 255); "> Get Started</ button >
66
+ </ div >
67
+ < ul class ="list-login ">
68
+ < li class ="switch-agileits ">
69
+ < label class ="switch editContent ">
70
+ < input type ="checkbox ">
71
+ < span class ="slider round "> </ span >
72
+ keep Logged in
73
+ </ label >
74
+ </ li >
75
+ < li >
76
+ < a href ="# " class ="text-right editContent "> forgot password?</ a >
77
+ </ li >
78
+ < li class ="clearfix "> </ li >
79
+ </ ul >
80
+ < ul class ="list-login-bottom ">
81
+ < li class =""> </ li >
82
+ </ ul >
83
+ </ form >
84
+ </ div >
85
+ </ div >
86
+ </ div >
87
+ </ div >
88
+ </ section > </ div >
89
+
90
+
91
+
92
+ </ body > </ html >
0 commit comments