-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (102 loc) · 3.66 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CODEMAX</title>
<link rel="stylesheet" href="cascading.css" />
<link rel="stylesheet" href="response.css" />
</head>
<body>
<header>
<div class="container">
<div class="header-left">
</div>
<span class="fa fa-bars menu-icon"></span>
<div class="header-right">
<a href="#">HELLO USER</a>
<a href="#" class="login">LOG IN</a>
<a href="#" class="sign up">SIGN UP</a>
</div>
</div>
</header>
<div class="top-wrapper">
<div class="container">
<h1>CODING FOR BEGINNERS.</h1>
<p>NO PRE-REQUISITES REQUIRED.</p>
<div class="btn-wrapper">
<a href="#" class="btn signup">SIGN UP WITH EMAIL</a>
<p>or</p>
<a href="#" class="btn facebook"
><span class="fa fa-facebook"></span>SIGN UP WITH FACEBOOK</a
>
</div>
</div>
</div>
<div class="signup-modal-wrapper" id="signup-modal">
<div class="modal">
<div class="close-modal">
<i class="fa fa-2x fa-times">×</i>
</div>
<div id="signup-form">
<h2>Sign up with email</h2>
<form action="#">
<input class="form-control" type="text" placeholder="Email" />
<input
class="form-control"
type="password"
placeholder="Password"
/>
<div id="submit-btn">SIGN UP</div>
</form>
</div>
</div>
</div>
<div class="lesson-wrapper">
<div class="container">
<div class="heading">
<h2>WELCOME CODERS.</h2>
</div>
<div class="lessons">
<div class="lesson">
<div class="lesson-icon">
<img src="https://www.familycomputercentre.com/wp-content/uploads/logo-c-plus-plus.jpg" />
</div>
<p class="text-contents">
Learn C++ to know more about Data Structures, Functions and Classes
</p>
</div>
<div class="lesson">
<div class="lesson-icon">
<img src="https://1.bp.blogspot.com/-X8Vu6RqjkFE/XUgWfkHOtBI/AAAAAAAAEYg/Vnakv2dCiZoihTPNCaUZtYZkJeEje5OPgCLcBGAs/s400/C-Programming-online-training-nareshit.jpg" />
</div>
<p class="text-contents">
C is a powerful general-purpose programming language. It is fast, portable and available in all platforms
</p>
</div>
<div class="lesson">
<div class="lesson-icon">
<img src="https://img.evbuc.com/https%3A%2F%2Fcdn.evbuc.com%2Fimages%2F64991440%2F275032691922%2F1%2Foriginal.20190707-223235?h=200&w=450&auto=compress&rect=15%2C0%2C736%2C368&s=414bfa854d08c11ab07505bc4eb71409" />
</div>
<p class="text-contents">
Python is an interpreted, high-level, general-purpose programming language
</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="message-wrapper">
<div class="container">
<div class="heading">
<h2>BE AN EXPERT</h2>
</div>
<span class="btn message">EXPLORE THE WORLD OF CODING</span>
</div>
</div>
<!-- Footer -->
<footer>
<script type="text/javascript" src="script.js"></script>
</footer>
</body>
</html>