https://crossword.info/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <style>
8        html,
9        body {
10            height: 100%;
11            margin: 0;
12            padding: 0;
13            font-family: Arial, Verdana, sans-serif;
14            background-color: #B9E0EC;
15        }
16
17        #container {
18            width: 100%;
19            max-width: 750px;
20            min-height: 100%;
21            margin: 0 auto;
22            padding: 20px 10px;
23            background-color: #FFFFFF;
24            box-sizing: border-box;
25            display: flex;
26            flex-direction: column;
27        }
28
29        .box_mid {
30            width: 100%;
31            max-width: 644px;
32            margin: 0 auto 20px;
33            background-color: #e6f4f9;
34            border-radius: 15px;
35            border: 2px solid #2c5d73;
36            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
37            padding: 15px 10px;
38            box-sizing: border-box;
39            overflow: hidden;
40        }
41
42        .content-wrapper {
43            display: flex;
44            flex-direction: column;
45            align-items: center;
46        }
47
48        .icon-container {
49            display: flex;
50            flex-direction: column;
51            align-items: center;
52            margin-bottom: 15px;
53        }
54
55        .img_1 {
56            width: 100px;
57            height: 100px;
58            background-image: url('https://uk2.wordwebsoftware.com/crossword/list_icon.svg');
59            background-repeat: no-repeat;
60            background-size: contain;
61            background-position: center;
62            margin-bottom: 10px;
63        }
64
65        .img_2 {
66            width: 80px;
67            height: 80px;
68            background-image: url('https://cdn.crossword-compiler.com/cc/CC_Icon.svg');
69            background-repeat: no-repeat;
70            background-size: contain;
71            background-position: center;
72            margin-bottom: 10px;
73        }
74
75        .text-container {
76            width: 100%;
77            display: flex;
78            flex-direction: column;
79        }
80
81        .txt_head {
82            font-size: 14pt;
83            text-align: center;
84            margin-bottom: 15px;
85            width: 100%;
86        }
87
88        .txt_body {
89            font-size: 10pt;
90            text-align: left;
91            width: 100%;
92        }
93
94        .count {
95            text-align: center;
96        }
97
98        /* Spacer to push content to top and ensure white background extends to bottom */
99        .spacer {
100            flex-grow: 1;
101        }
102
103        @media (min-width: 480px) {
104            #container {
105                padding: 20px 15px;
106            }
107
108            .box_mid {
109                padding: 15px;
110            }
111
112            .content-wrapper {
113                flex-direction: row;
114                align-items: flex-start;
115            }
116
117            .icon-container {
118                margin-right: 20px;
119                margin-bottom: 0;
120            }
121
122            .text-container {
123                flex: 1;
124                min-width: 0;
125            }
126
127            .img_1 {
128                width: 125px;
129                height: 125px;
130            }
131
132            .img_2 {
133                width: 100px;
134                height: 100px;
135            }
136        }
137    </style>
138</head>
139
140<body>
141
142    <div id="container">
143        <div class="box_mid">
144            <div class="content-wrapper">
145                <div class="icon-container">
146                    <div class="img_1"></div>
147                    <div class="count"><b>44256</b><br />public puzzles</div>
148                </div>
149                <div class="text-container">
150                    <div class="txt_head"><b>Free to play puzzles</b></div>
151                    <div class="txt_body">From crosswords and codebreakers to word searches and sudoku.<br /><br />Challenge your mind with a constant stream of user-submitted puzzles, or check out the <a href="/sample/">sample puzzles</a>.<br /><br /><a href="list.php">Click here for a full list</a></div>
152                </div>
153            </div>
154        </div>
155
156        <div class="box_mid">
157            <div class="content-wrapper">
158                <div class="icon-container">
159                    <a href="https://www.crossword-compiler.com/">
160                        <div class="img_2"></div>
161                    </a>
162                </div>
163                <div class="text-container">
164                    <div class="txt_head"><b>Create your own puzzles</b></div>
165                    <div class="txt_body">Create your own puzzles with Crossword Compiler.<br /><br />Publish your puzzles to this website for people to solve - easy upload with an option to collect and mark answers. Your can also print or export for solving offline.<br /><br />
166	Get the best <a href="https://www.crossword-compiler.com/">crossword puzzle software</a> now.</div>
167                </div>
168            </div>
169        </div>
170
171        <!-- Spacer to ensure white background extends to bottom -->
172        <div class="spacer"></div>
173    </div>
174
175</body>
176
177</html>