CSS-Shapes/shapes.html at main · N2AM/CSS-Shapes · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="main.css">
    <title>Document</title>
</head>

<body>
    <h1>Web shapes</h1>
    <div class="shape-outside-circle">
        <h3>Shape Outside Circle</h3>
        <img src="images/150.png" alt="">
        <p>How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.</p>
    </div>
    <div class="shape-outside-polygon">
        <h3>Shape Outside Polygon</h3>
        <p>How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.
        </p>
        <img src="images/grapes.jpg" alt="avatar image">
        <p>How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.
        </p>
        <p>How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.
        </p>
        <p>How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself.

            CSS and HTML are declarative programming languages, which makes them much more resilient to problems. Rely
            on
            this
            quality to write code that always work, no matter how old the browser is. Jen shows you how, with an example
            using
            border radius.How do you write CSS that works in every browser? Step 1: Rely on the error handling model of
            CSS
            itself.
        </p>
    </div>
</body>

</html>