HTML-CSS/index.html at main · sdvp-3/HTML-CSS · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <title>Saidjon's Exercises</title>
  </head>
 <style>
 .container {
  height: 100vh;
  width: 100%;
  background-color: black;
  border: 2px solid rgb(255, 255, 255);
 }

 .clone {
  color:white;
  font-size: 50px;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;

 }
 .clone-container {
  display: flex;
  background-color: rgb(171, 2, 2);
  height: 150px;
  width: 100%;
  place-items: center;
  justify-content: center;
  text-decoration: none;

 }

 .grid-container {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
  background-color: rgb(0, 0, 104);
  width: 100%;
  height:100vh;
  font-family: Arial, Helvetica, sans-serif;
  padding:10px 10px;

 }

 .exercises {

  color: white;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;

 }


 </style>

  <body>
    <div class="container">


      <div class="clone-container"><a class="clone" href="https://sdvp-3.github.io/02-projectp/">YouTube Clone is here<<< </a></div>


      <div class="grid-container">
        <a class="exercises" href="1a/index.html">1-Flex Box Practice</a>
        <a class="exercises" href="2a/index.html">2-Div Layout</a>
        <a class="exercises" href="3a/index.html">3-Flex Layout</a>
        <a class="exercises" href="4a/index.html">4-Messages Layout</a>
        <a class="exercises" href="5a/index.html">5-Search Box</a>
        <a class="exercises" href="6a/index.html">6-Flex Basics</a>
        <a class="exercises" href="7a/index.html">7-Assets</a>
        <a class="exercises" href="8a/index.html">8-Flex Container</a>
        <a class="exercises" href="9a/index.html">9-Flex Alignment</a>
        <a class="exercises" href="10a/index.html">10-Amazon Clone</a>
        <a class="exercises" href="11a/index.html">11-Amazon Link</a>
        <a class="exercises" href="12a/index.html">12-Arial Text</a>
        <a class="exercises" href="13a/index.html">13-Button Practice</a>
        <a class="exercises" href="14a/index.html">14-Discord Clone</a>
        <a class="exercises" href="15a/index.html">15-Display Block</a>
        <a class="exercises" href="16a/index.html">16-Div Basics</a>
        <a class="exercises" href="17a/index.html">17-Fonts Google</a>
        <a class="exercises" href="18a/index.html">18-FreeCodeCamp Profile</a>
        <a class="exercises" href="19a/index.html">19-Github Button</a>
        <a class="exercises" href="20a/index.html">20-Google Logo</a>
        <a class="exercises" href="21a/index.html">21-Horizontal Layout</a>
        <a class="exercises" href="22a/index.html">22-Layout Basics</a>
        <a class="exercises" href="23a/index.html">23-Linkedin Button</a>
        <a class="exercises" href="24a/index.html">24-Linkedin Signup</a>
        <a class="exercises" href="25a/index.html">25-Macbook Product</a>
        <a class="exercises" href="26a/index.html">26-Messenger Clone</a>
        <a class="exercises" href="27a/index.html">27-Position Absolute</a>
        <a class="exercises" href="28a/index.html">28-Position Flex</a>
        <a class="exercises" href="29a/index.html">29-Price Tag</a>
        <a class="exercises" href="30a/index.html">30-Search Input</a>
        <a class="exercises" href="31a/index.html">31-Search Navbar</a>
        <a class="exercises" href="32a/index.html">32-Signup Form</a>
        <a class="exercises" href="33a/index.html">33-Tahoma Text</a>
        <a class="exercises" href="34a/index.html">34-Text Inline</a>
        <a class="exercises" href="imges/index.html">35-Twitter Clone</a>
        <a class="exercises" href="36a/index.html">36-Uber Button</a>
        <a class="exercises" href="37a/index.html">37-Uber Request</a>
        <a class="exercises" href="38a/index.html">38-Verdana Text</a>
        <a class="exercises" href="39a/index.html">39-YouTube Layout</a>
      </div>


    </div>
  </body>
</html>