Sandbox: Difference between revisions

From ikev.in/w
(Created page with "<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My MediaWiki Front Page</title> <style> →‎Style rules for feature boxes: .feature-box { display: flex; flex-direction: column; align-items: center; padding: 20px; margin: 20px; background-color: #f0f0f0; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .feature-box h2 { margin: 0;...")
 
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html>
'''This is a sandbox article.'''
<html>
<pre>
<head>
this is code
<meta charset="UTF-8">
</pre>
<meta name="viewport" content="width=device-width, initial-scale=1">
The total number of articles on this wiki is {{NUMBEROFARTICLES}}.
<title>My MediaWiki Front Page</title>
<style>
/* Style rules for feature boxes */
.feature-box {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
margin: 20px;
background-color: #f0f0f0;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature-box h2 {
margin: 0;
font-size: 24px;
line-height: 1.2;
text-align: center;
color: #333;
}
.feature-box p {
margin: 10px 0 0;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #666;
}


/* Media queries for responsive design */
 
@media only screen and (min-width: 768px) {
 
/* Desktop styles */
This page is used for testing and experimenting with formatting, links, templates, and other features of MediaWiki. Please feel free to make any changes to this page, but be aware that it may be edited or deleted at any time.
.feature-box {
 
flex-direction: row;
== Section 1 ==
align-items: stretch;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae purus euismod, interdum quam sed, varius nisl. Donec vitae bibendum velit. Nam sit amet mauris in lacus sodales dignissim at sed enim.
max-width: 800px;
 
margin: 0 auto;
== Section 2 ==
}
Etiam ac odio metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris rhoncus porttitor quam, ac dignissim odio. Duis condimentum vitae libero id consectetur.
 
.feature-box:first-child {
== Section 3 ==
margin-right: 20px;
Suspendisse potenti. Fusce aliquam tellus vel sapien vestibulum hendrerit. Morbi nec faucibus magna. Sed a tortor vitae nisl placerat tincidunt vel eu quam.  
}
 
[[Category:Sandbox]]
.feature-box:last-child {
margin-left: 20px;
}
.feature-box h2 {
font-size: 32px;
}
.feature-box p {
font-size: 18px;
}
}
</style>
</head>
<body>
<div class="feature-box">
<h2>Feature 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, neque a lacinia bibendum, ex nulla commodo velit, ut molestie magna orci eget augue.</p>
</div>
<div class="feature-box">
<h2>Feature 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, neque a lacinia bibendum, ex nulla commodo velit, ut molestie magna orci eget augue.</p>
</div>
</body>
</html>

Latest revision as of 18:16, 30 April 2023

This is a sandbox article.

this is code

The total number of articles on this wiki is 16.


This page is used for testing and experimenting with formatting, links, templates, and other features of MediaWiki. Please feel free to make any changes to this page, but be aware that it may be edited or deleted at any time.

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae purus euismod, interdum quam sed, varius nisl. Donec vitae bibendum velit. Nam sit amet mauris in lacus sodales dignissim at sed enim.

Section 2

Etiam ac odio metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris rhoncus porttitor quam, ac dignissim odio. Duis condimentum vitae libero id consectetur.

Section 3

Suspendisse potenti. Fusce aliquam tellus vel sapien vestibulum hendrerit. Morbi nec faucibus magna. Sed a tortor vitae nisl placerat tincidunt vel eu quam.