Skip to content

Commit e336a8e

Browse files
mounishvattimounishvatti
committed
blah blah..
1 parent 57fc0d0 commit e336a8e

File tree

6 files changed

+103
-0
lines changed

6 files changed

+103
-0
lines changed

‎.gitignore‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.DS_Store
2+
3+
4+
5+
6+

‎assets/images/javascriptpic Background Removed.png‎

312 KB
Loading

‎assets/images/javascriptpic.png‎

2.22 MB
Loading

‎assets/script.js‎

Whitespace-only changes.

‎assets/style.css‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
}
5+
6+
body {
7+
text-align: center;
8+
background: #000000; /* fallback for old browsers */
9+
background: -webkit-linear-gradient(
10+
to right,
11+
#282828,
12+
#000000
13+
); /* Chrome 10-25, Safari 5.1-6 */
14+
background: linear-gradient(
15+
to right,
16+
#1a1a1a,
17+
#000000
18+
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
19+
20+
color: rgb(226, 226, 226);
21+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
22+
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
23+
24+
overflow: hidden;
25+
}
26+
27+
.heading {
28+
font-size: 40px;
29+
font-weight: bold;
30+
padding: 40px;
31+
}
32+
33+
.btn {
34+
background-color: rgb(34, 34, 34);
35+
color: rgb(185, 185, 185);
36+
padding: 10px 20px;
37+
border: none;
38+
border-radius: 5px;
39+
cursor: pointer;
40+
font-size: 16px;
41+
font-weight: 600;
42+
}
43+
44+
.btn:hover {
45+
background-color: rgb(62, 62, 62);
46+
}
47+
48+
.container {
49+
display: flex;
50+
justify-content: space-evenly;
51+
align-items: center;
52+
height: 100vh;
53+
}
54+
55+
.headertext {
56+
font-size: 20px;
57+
color: rgb(233, 225, 79);
58+
text-align: center;
59+
width: 70%;
60+
background-color: rgba(23, 23, 23, 0.508);
61+
border-radius: 30px;
62+
}

‎index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>JavaScript</title>
7+
<link rel="stylesheet" href="./assets/style.css" />
8+
</head>
9+
<body>
10+
11+
<div class="container">
12+
<div>
13+
<img
14+
src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png"
15+
alt="JavaScript"
16+
width="100"
17+
style="border-radius: 10px;"
18+
/>
19+
<h1 class="heading">
20+
Learn <span style="color: rgb(233, 225, 79)">JavaScript</span>
21+
</h1>
22+
<button class="btn">View GitHub</button>
23+
</div>
24+
25+
<div>
26+
<img
27+
src="./assets/images/javascriptpic Background Removed.png"
28+
alt="JavaScript"
29+
width="1000"
30+
/>
31+
</div>
32+
</div>
33+
</body>
34+
<script src="./assets/script.js"></script>
35+
</html>

0 commit comments

Comments
 (0)