CSS/index.html at master · ShamalFdo129/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
<!DOCTYPE html>
<html>

<head>
    <title>Home</title>
    <link type="text/css" href="./mycss.css" rel="stylesheet" />
</head>

<body>
    <div class="container">
        <h1>Hello world</h1>
        <p class="box-1">
            outh and adults for personal, family and social purposes and in business. Governmental and non-governmental organizations
            use text messaging for communication between colleagues. As with emailing, in the 2010s, the sending of short
            informal messages has become an accepted part of many cultures.[1] This makes texting a quick and easy way to
            communicate with friends and colleagues, including in contexts where a call would be impolite or inappropriate
            (e.g., calling very late at night or when one knows the other person is busy with family or work activities).
            Like e-mail and voice mail, and unlike calls (in which the caller hopes to speak directly with the recipient),
            texting does not require the caller and recipient to both be free at the same moment; this permits
        </p>
        <div class="block">
            <p>Featured content represents the best of Wikipedia, including articles, pictures, and other contributions that
                showcase excellent results of the collaborative efforts of Wikipedia. All featured content undergoes a thorough
                review process to ensure that it meets the highest standards in order to serve as the best example of our
                end goals. A small bronze star (The featured content star) in the top right corner of a page indicates that
                the content is featured. This page gives links to all of Wikipedia's featured content.</p>
        </div>
        <div class="block">
            <p>Featured content represents the best of Wikipedia, including articles, pictures, and other contributions that
                showcase excellent results of the collaborative efforts of Wikipedia. All featured content undergoes a thorough
                review process to ensure that it meets the highest standards in order to serve as the best example of our
                end goals. A small bronze star (The featured content star) in the top right corner of a page indicates that
                the content is featured. This page gives links to all of Wikipedia's featured content.</p>
        </div>
        <div class="block">
            <p>Featured content represents the best of Wikipedia, including articles, pictures, and other contributions that
                showcase excellent results of the collaborative efforts of Wikipedia. All featured content undergoes a thorough
                review process to ensure that it meets the highest standards in order to serve as the best example of our
                end goals. A small bronze star (The featured content star) in the top right corner of a page indicates that
                the content is featured. This page gives links to all of Wikipedia's featured content.</p>
        </div>
        <div clas="clr"></div>

        <h2>CSS Grid</h2>
        <div class="wrapper">
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia.
            </div>
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia. All featured content undergoes a thorough review process
                to ensure that it meets the highest standards in order to serve as the best example of our end goals. A small
                bronze star (The featured content star) in the top right corner of a page indicates that eview process to
                ensure that it meets the highest standards in order to serve as the best example of our end goals. A small
                bronze star (The featured content star) in the top right corner of a page indicates that the content is featured.
                This page gives links to all of Wikipedia's featured content
            </div>
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia.
            </div>
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia.
            </div>
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia.
            </div>
            <div>
                showcase excellent results of the collaborative efforts of Wikipedia.
            </div>
        </div>
        <h2>Flexbox</h2>
        <div class="wrapper-1">
            <div class="box-2">
                <h3>Box One</h3>
                <p>showcase excellent results of the collaborative efforts of Wikipedia.</p>
            </div>
            <div class="box-3">
                <h3>Box Two</h3>
                <p>showcase excellent results of the collaborative efforts of Wikipedia.</p>
            </div>
            <div class="box-4">
                <h3>Box Three</h3>
                <p>showcase excellent results of the collaborative efforts of Wikipedia.</p>
            </div>
        </div>
    </div>
    <div style="height:300px;">

    </div>
</body>

</html>