aboutsummaryrefslogtreecommitdiff
path: root/HTML/quotes-code.html
diff options
context:
space:
mode:
authorOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
committerOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
commit157468b84553c47d0f5ba312d815ea7195b0d6b5 (patch)
tree2e367f441239f61f53307855d96e9f40b02e95ac /HTML/quotes-code.html
parent633bf74a3ecb66760010ce8b958356523bd75a4b (diff)
downloadweb-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.tar.gz
web-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.zip
feat: components (buttons, inputfields, dropdowns, quotes / codes)
Diffstat (limited to 'HTML/quotes-code.html')
-rw-r--r--HTML/quotes-code.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/HTML/quotes-code.html b/HTML/quotes-code.html
new file mode 100644
index 0000000..355f1c9
--- /dev/null
+++ b/HTML/quotes-code.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <!-- Metadata -->
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- CSS & Atom -->
+ <link rel="stylesheet" href="../CSS/default.css">
+ <link rel="stylesheet" href="../CSS/quote-code.css">
+
+ <title>Quotes and code</title>
+</head>
+<body>
+ <div style="margin: 5px">
+ <code>#include <stdio.h>
+ int main(void) {
+ printf("Hello world !");
+ }
+ </code>
+
+ </div>
+
+ <div style="margin: 5px">
+ <pre>
+#include <stdio.h>
+
+int main(void) {
+ printf("Hello world !");
+}
+ </pre>
+ </div>
+
+ <div style="margin: 5px">
+ <blockquote cite="http://www.worldwildlife.org/who/index.html">
+ For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
+ </blockquote>
+ </div>
+
+ <div style="margin: 5px">
+ <details>
+ <summary>Epcot Center</summary>
+ <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
+ </details>
+ </div>
+</body>
+</html>
ArKa projects. All rights to me, and your next child right arm.