Skip to content

Commit ed116a0

Browse files
ehsangazarehsangazar
committed
season 6
1 parent bb01019 commit ed116a0

File tree

15 files changed

+326
-0
lines changed

15 files changed

+326
-0
lines changed

‎.DS_Store

0 Bytes
Binary file not shown.

‎css/.DS_Store

6 KB
Binary file not shown.

‎css/2/2.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>CSS SELECTORS</title>
8+
<link rel="stylesheet" href="./style.css" />
9+
</head>
10+
<body>
11+
<h1>Heading 1</h1>
12+
<h2>Heading 2</h2>
13+
<p>
14+
Non commodo est ea ullamco nisi voluptate aliquip labore eu magna
15+
consectetur occaecat consectetur.
16+
</p>
17+
<div>
18+
<h3>Div H3 First Element</h3>
19+
</div>
20+
<h3>H3 outside of div</h3>
21+
<div>
22+
<span class="details"> Details of Span </span>
23+
</div>
24+
<h4 class="details">Heading 4</h4>
25+
<input id="email-unique-id" value="Email" />
26+
<!-- ID must be unique -->
27+
<h5>Heading 5</h5>
28+
<ul id="list">
29+
<li class="details">First Item</li>
30+
<li class="details details-second">Second Item</li>
31+
<li class="details">Third Item</li>
32+
</ul>
33+
</body>
34+
</html>

‎css/2/style.css

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
body {
2+
color: rgb(88, 88, 255);
3+
background-color: #111;
4+
/* rgb() */
5+
/* #000000 */
6+
}
7+
h1 {
8+
color: red;
9+
}
10+
h2 {
11+
color: green;
12+
}
13+
h3 {
14+
color: navy;
15+
}
16+
div h3 {
17+
color: orange;
18+
}
19+
body div h3 {
20+
color: orange;
21+
}
22+
body > div > h3 {
23+
color: orange
24+
}
25+
.details {
26+
font-size: 10px;
27+
color: gray;
28+
}
29+
.details-second {
30+
font-size: 14px;;
31+
}
32+
/* Control/Command + / */
33+
/* Email must be unique */
34+
#email-unique-id {
35+
color: brown;
36+
}
37+
/* ul > li {
38+
color:gold;
39+
} */
40+
/* #list li {
41+
color: gold;
42+
} */

‎css/3/3.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title></title>
7+
<meta name="description" content="" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="stylesheet" href="./style.css" />
10+
</head>
11+
<body>
12+
<div class="card">
13+
<h2>HTML CSS <span class="underline">Course</span></h2>
14+
<p>Sit sit mollit exercitation id commodo mollit ut eu ea.</p>
15+
</div>
16+
<br />
17+
<div class="card card-green">
18+
<h2>HTML CSS <span class="underline">Course</span></h2>
19+
<p>Sit sit mollit exercitation id commodo mollit ut eu ea.</p>
20+
</div>
21+
<br />
22+
<br />
23+
<div class="circle">
24+
<h3>Ehsan</h3>
25+
</div>
26+
</body>
27+
</html>

‎css/3/style.css

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.card {
2+
background-color: #e5e5e5;
3+
/* border: 1px solid black; */
4+
border-width: 2px;
5+
border-style: solid;
6+
border-color: #353535;
7+
border-radius: 10px;
8+
}
9+
.card h2 {
10+
font-size: 18px;
11+
}
12+
.card p {
13+
font-size: 12px;
14+
}
15+
.card.card-green {
16+
background-color: rgb(179, 255, 179);
17+
border-radius: 20px;
18+
border-color:rgb(18, 178, 219)
19+
}
20+
.underline {
21+
border-bottom: 3px solid #413aff;
22+
}
23+
.circle {
24+
border: 1px solid #000;
25+
border-radius: 100%;
26+
width: 100px;
27+
height: 100px;
28+
}

‎css/4/4.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title>Padding Margin</title>
7+
<meta name="description" content="" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="stylesheet" href="./style.css" />
10+
</head>
11+
<body>
12+
<div class="card">
13+
<h3>
14+
Voluptate fugiat dolore culpa quis qui laboris in dolor veniam eu non
15+
magna minim.
16+
</h3>
17+
<p>
18+
Occaecat consectetur ullamco consectetur reprehenderit anim enim fugiat
19+
qui. Pariatur culpa eu nisi ipsum ea do tempor occaecat nulla. Irure ad
20+
officia eu dolor culpa id exercitation velit anim et amet. Anim
21+
voluptate esse non fugiat proident veniam est cillum et nostrud culpa in
22+
commodo mollit. Pariatur elit duis in Lorem eu Lorem aliqua Lorem ut sit
23+
ullamco adipisicing labore. Aute est commodo velit nulla minim.
24+
</p>
25+
</div>
26+
</body>
27+
</html>

‎css/4/style.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.card {
2+
width: 300px;
3+
border: 2px solid #00612d;
4+
border-radius: 5px;
5+
margin: 0px 0px 30px 34px;
6+
padding: 10px 20px 7px 40px;
7+
background-color: coral;
8+
outline: 2px solid #6aff00;
9+
/* outline: 4px solid #6aff00;
10+
outline-style: dotted; */
11+
}
12+
.card h3 {
13+
margin: 0;
14+
padding-left: 20px;
15+
}
16+
.card p {
17+
margin: 0;
18+
color: #504d18;
19+
}

‎css/5/.DS_Store

6 KB
Binary file not shown.

‎css/5/5.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<title>Text Format</title>
7+
<meta name="description" content="" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<link rel="stylesheet" href="./style.css" />
10+
<link rel="preconnect" href="https://fonts.googleapis.com" />
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
12+
<link
13+
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,500&display=swap"
14+
rel="stylesheet"
15+
/>
16+
<link rel="preconnect" href="https://fonts.googleapis.com" />
17+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
18+
<link
19+
href="https://fonts.googleapis.com/css2?family=Rubik+Iso&display=swap"
20+
rel="stylesheet"
21+
/>
22+
</head>
23+
<body>
24+
<h1 class="heading1">Heading 1 Arial Font</h1>
25+
<h2 class="heading2">Heading 2 Fantasy Font</h2>
26+
<h3 class="heading3">Heading 3 Ubuntu Font (System)</h3>
27+
28+
<h3 class="haedingFireStone">Heading 3 Fire Stone</h3>
29+
<h3 class="headingExternalFont100">Heading 3 Roboto Family</h3>
30+
<h3 class="headingExternalFont300">Heading 3 Roboto Family</h3>
31+
<h3 class="headingExternalFont300">
32+
<strong>Heading 3 Roboto Family Strong</strong>
33+
</h3>
34+
<h3 class="headingExternalFontMedium">Heading 3 Roboto Family</h3>
35+
<h3 class="fontNotFound">Heading Not Found</h3>
36+
</body>
37+
</html>

0 commit comments

Comments
 (0)