octopuswindow.github.io/old.html at main · octopuswindow/octopuswindow.github.io · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<!-- #607274 #B2A59B #DED0B6 #FAEED1 -->
<!-- colors: https://coolors.co/palette/05668d-028090-00a896-02c39a-f0f3bd -->
<!-- #05668d #028090 #00a896 #02c39a #f0f3bd -->

<head>
    <meta charset="UTF-8">
    <title>old</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        body {
            background-color: #f0f3bd;
            /* background-image: linear-gradient(white, lightgray); */
            height: 700px;

        }

        div.a {
            outline: #f0f3bd 2px;
            outline-style: solid;
            padding: 5px;
            width: 50%;
            margin-left: 25%;
            text-align: right;
        }

        p.a {
            text-align: center;
            font-family: "Syne", sans-serif;
            text-decoration: none;
            color: #f0f3bd;
        }

        div.b {
            outline: #f0f3bd 2px;
            outline-style: solid;
            padding: 5px;
            width: 50%;
            margin-left: 25%;
            text-align: right;
        }

        a {
            font-family: "Syne", sans-serif;
            text-decoration: none;
            color: #f0f3bd;
        }

        div.sw {
            background-color: #028090;
            /* margin: -8px; */
            margin-left: auto;
            margin-right: auto;
            width: 800px;
            height: 800px;
            margin-top: -8px;
        }

    </style>
</head>

<body>
    <div class="sw">
        <br>
        <div class="a">
            <a href="old/box-model.html">box model</a>
            <br>
            <a href="old/color.html">color</a>
            <br>
            <a href="old/display.html">display</a>
            <br>
            <a href="old/examplesOfBlockInlineBlockExamples.html">examplesOfBlockInlineBlockExamples</a>
            <br>
            <a href="old/first.html">first</a>
            <br>
            <a href="old/font.html">font</a>
            <br>
            <a href="old/list.html">list</a>
            <br>
            <a href="old/list2.html">list2</a>
            <br>
            <a href="old/practicecssmodel.html">practicecssmodel</a>
            <br>
            <a href="old/structure.html">structure</a>
            <br>
            <a href="old/text.html">text</a>
            <br>
            <a href="old/stariconthing3.html">stariconthing3</a>
            <br>
            <a href="old/embedding.html">embedding</a>
            <br>
            <a href="old/box_shadow.html">box shadow</a>
            <br>
            <a href="old/responsivedesign.html">responsivedesign</a>
            <br>
            <a href="old/navigation_bar.html">navigation bar</a>
            <br>
            <a href="old/z_index.html">z index</a>
            <br>
            <a href="old/float.html">float</a>
            <br>
            <a href="old/backgroundlineargradient.html">backgroundlineargradient</a>
            <br>
            <a href="old/background_radial_gradient.html">background radial gradient</a>
            <br>
            <a href="old/line_height.html">Line height</a>
            <br>
            <a href="old/vertical_align.html">Vertical align</a>
            <br>
            <a href="old/outline.html">Outline</a>
        </div>
        <p class="a">Old/non assignments</p>
        <div class="b">
            <a href="old/my_city.html">my city (forgot to save)</a>
            <br>
            <a href="old/food_soup.html">food soup</a>
            <br>
            <a href="old/requirementfont.html">requirementfont</a>
            <br>
            <a href="old/banner-page.html">banner page</a>
            <br>
            <a href="old/mar152024.html">mar152024 (also known as assignment 5)</a>
            <br>
            <a href="old/videodisplay.html">videodisplay</a>
            <br>
            <a href="old/recreatefreelancer.html">recreatefreelancer (probably the one you're looking for)</a>
            <br>
            <a href="old/stylish_portfolio.html">stylish portfolio</a>
        </div>
        <p class="a">assignments</p>
    </div>
</body>

</html>