Skip to content

Commit e7fd26f

Browse files
committed
CC
1 parent 8d7910e commit e7fd26f

7 files changed

Lines changed: 124 additions & 76 deletions

File tree

Block Chain Collage Code 2/3/index.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,17 @@
1111
rel="stylesheet"
1212
href="css/style.css"
1313
/>
14-
<link href='https://cdn.boxicons.com/3.0.6/fonts/basic/boxicons.min.css' rel='stylesheet'>
14+
<link
15+
href="https://cdn.boxicons.com/3.0.6/fonts/basic/boxicons.min.css"
16+
rel="stylesheet"
17+
/>
1518
<title>Document</title>
1619
</head>
1720
<body>
1821
<section class="S1">
1922
<div>1</div>
2023
<div>2</div>
21-
<div>3<i class='bx bx-cart'></i></div>
24+
<div>3<i class="bx bx-cart"></i></div>
2225
</section>
2326
<!-- <section class="S2">
2427
<div>1</div>
Lines changed: 74 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,100 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
69
<title>Document</title>
7-
<link rel="stylesheet" href="style.css">
8-
<link href='https://cdn.boxicons.com/3.0.6/fonts/basic/boxicons.min.css' rel='stylesheet'>
9-
</head>
10-
<body>
10+
<link
11+
rel="stylesheet"
12+
href="style.css"
13+
/>
14+
<link
15+
href="https://cdn.boxicons.com/3.0.6/fonts/basic/boxicons.min.css"
16+
rel="stylesheet"
17+
/>
18+
</head>
19+
<body>
1120
<header>
12-
<div class="icon"><i class='bx bx-cart'></i> </div>
13-
<div class="logo"><h1>Ryzer</h1></div>
21+
<div class="icon"><i class="bx bx-cart"></i></div>
22+
<div class="logo"><h1>Ryzer</h1></div>
1423
</header>
1524
<h2 class="h2">products</h2>
1625

1726
<section>
18-
19-
20-
<div><img src="" alt="">
27+
<div>
28+
<img
29+
src=""
30+
alt=""
31+
/>
2132
<h4>product 1</h4>
22-
</div>
33+
</div>
2334

24-
<div><img src="" alt="">
35+
<div>
36+
<img
37+
src=""
38+
alt=""
39+
/>
2540
<h4>product 2</h4>
26-
</div>
41+
</div>
2742

28-
<div><img src="" alt="">
43+
<div>
44+
<img
45+
src=""
46+
alt=""
47+
/>
2948
<h4>product 3</h4>
30-
</div>
49+
</div>
3150

32-
<div><img src="" alt="">
51+
<div>
52+
<img
53+
src=""
54+
alt=""
55+
/>
3356
<h4>product 4</h4>
34-
</div>
57+
</div>
3558

36-
<div><img src="" alt="">
59+
<div>
60+
<img
61+
src=""
62+
alt=""
63+
/>
3764
<h4>product 5</h4>
38-
</div>
65+
</div>
3966

40-
<div><img src="" alt="">
67+
<div>
68+
<img
69+
src=""
70+
alt=""
71+
/>
4172
<h4>product 6</h4>
42-
</div>
73+
</div>
4374

44-
<div><img src="" alt="">
75+
<div>
76+
<img
77+
src=""
78+
alt=""
79+
/>
4580
<h4>product 7</h4>
46-
</div>
81+
</div>
4782

48-
<div><img src="" alt="">
83+
<div>
84+
<img
85+
src=""
86+
alt=""
87+
/>
4988
<h4>product 8</h4>
50-
</div>
89+
</div>
5190

52-
<div><img src="" alt="">
91+
<div>
92+
<img
93+
src=""
94+
alt=""
95+
/>
5396
<h4>product 9</h4>
54-
</div>
55-
97+
</div>
5698
</section>
57-
</body>
58-
</html>
99+
</body>
100+
</html>
Lines changed: 28 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,36 @@
1-
*{
2-
margin: 0;
3-
padding: 0;
4-
box-sizing: border-box;
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
55
}
66
header {
7-
display: flex;
8-
flex-direction: row-reverse;
9-
width: 100%;
10-
height: 50px;
11-
background-color:black ;
12-
justify-content: space-between;
13-
7+
display: flex;
8+
flex-direction: row-reverse;
9+
width: 100%;
10+
height: 50px;
11+
background-color: black;
12+
justify-content: space-between;
1413
}
15-
header div{
16-
width: 30px;
17-
height: 45px;
18-
color: aliceblue;
19-
14+
header div {
15+
width: 30px;
16+
height: 45px;
17+
color: aliceblue;
2018
}
21-
body{
22-
background-color: rgb(34, 35, 37);
19+
body {
20+
background-color: rgb(34, 35, 37);
2321
}
2422
section {
25-
display: flex;
26-
width: 80%;
27-
height: 100vh;
28-
justify-content: center;
23+
display: flex;
24+
width: 80%;
25+
height: 100vh;
26+
justify-content: center;
2927
}
30-
section div{
31-
width: 200px;
32-
height: 200px;
33-
background-color: greenyellow;
28+
section div {
29+
width: 200px;
30+
height: 200px;
31+
background-color: greenyellow;
32+
}
33+
.h2 {
34+
text-align: center;
35+
color: aliceblue;
3436
}
35-
.h2{
36-
text-align: center;
37-
color: aliceblue;
38-
}

Block Chain Collage Code 2/4/css/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ section:nth-child(1) {
1717
background-color: rgb(183, 183, 183);
1818
}
1919
section:nth-child(2) {
20-
background-color: rgb(0, 213, 255)
20+
background-color: rgb(0, 213, 255);
2121
}
2222
section:nth-child(3) {
2323
background-color: rgb(255, 0, 204);

Block Chain Collage Code 2/5/index.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,10 @@
66
name="viewport"
77
content="width=device-width, initial-scale=1.0"
88
/>
9-
<link rel="stylesheet" href="css/style.css">
9+
<link
10+
rel="stylesheet"
11+
href="css/style.css"
12+
/>
1013
<title>Document</title>
1114
</head>
1215
<body>
Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,17 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
69
<title>Document</title>
7-
</head>
8-
<body>
9-
10+
</head>
11+
<body>
1012
<!-- <script>
1113
const a = 12
12-
</script> ❌ -->
14+
</script> ❌ -->
1315
<script src="./js/script.js"></script>
14-
</body>
15-
</html>
16+
</body>
17+
</html>

Block Chain Collage Code 2/7/js/script.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -140,4 +140,4 @@ let lastNumber = +prompt("Enter last Number");
140140

141141
const sum = firstNumber + secondNumber + lastNumber;
142142

143-
console.log(sum);
143+
console.log(sum);

0 commit comments

Comments
 (0)