coder/coderrrrr.site
1
1
Fork 0
mirror of https://github.com/turbomaster95/coderrrrr.git synced 2025-05-12 04:50:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Create test.html

Browse Source
This commit is contained in:
Deva Midhun 2025-01-26 17:02:42 +05:30 committed by GitHub
parent 872fb74a68
commit bace71cd23
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 109 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
test.html Normal file
View File

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html>
<html lang="en-US">
<head>
<link rel="icon" type="image/x-icon" href="">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Indeed</title>
<link href="indeedlayout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<!-- the entire layout is contained in this "container" div.-->
<div class="container">
<!-- here you can put your site title and your name! -->
<div class='header'>
<h1>Indeed Web</h1>
<h2>by Xo Xixxii</h2>
</div>
<!--now here's the bio part-->
<div class='bio'>
<img src='shutterstocknerd.jpg' id='profilepic'> <!--replace this with a picture of you, or an avatar or something. for the indieweb it's usually a face pic.-->
<!--put a short bit about yourself or your site in this div; if it's outside a div it'll look a little weird.-->
<div>
<p>Jake, 35, he/him. US-based programmer & indie web enthusiast; proud to be a father, an ally, and a geek!</p>
</div>
<!--end of text div-->
</div>
<!--end of bio section-->
<!--navigation bar! change the links to whatever you want. it's a flexbox, so you can put as many as you want. -->
<div id='navbar'>
<a href=''>Now</a>
<a href=''>About</a>
<a href=''>Uses</a>
<a href=''>Blog</a>
<a href=''>RSS</a>
</div>
<!--end of navigation bar-->
<!--box one-->
<div class="box">
<h1>Box Name</h1>
<h2>Indeed.</h2>
<p>Indeed Web is a jolly twist on the most popular form of IndieWeb site design, with a little pop of color and optional jaunty box titles to give it some character. If you feel the need to disguise yourself as a professional computer man with a blog, perhaps this can help!</p>
<ul>
<li>This is a list.</li>
<li>Some ideas for pages on your web site:</li>
<ul>
<li>display some of your favorite pictures you have on your computer</li>
<li>share your bookmarked sites</li>
<li>write down instructions for how to do something you're pretty good at doing</li>
</ul>
<li>Or nothing at all. Do what you want.</li>
</ul>
<p><b>This is bolded.</b> <i>This is italicized.</i> <u>This is underlined.</u> <a href="http://www.neocities.org">This is a link.</a></p>
</div>
<!--end of box one-->
<!--box two-->
<div class="box reversebox">
<h1>Box Name</h1>
<h2>Opposite Day!</h2>
<p>This is a reverse box.</p>
</div>
<!--end of box two-->
<!--box three. this one's here so you can see one without a jaunty title card. -->
<div class="box">
<h2>Inside title.</h2>
<p>Text inside your box goes here.</p>
</div>
<!--end of box three-->
<!--footer. good for putting copyright info, contact info, credits, and webrings... -->
<div class="footer">
<p>Footer text footer text...</p>
<img src="https://xixxii.neocities.org/lorenribozonebutton2.png"> <img src="https://xixxii.neocities.org/images/buttons/cc0.png">
</div>
<!--end of footer-->
</div>
<!--end of layout container!!-->
<!-- this is the little guy in the corner; clicking it takes you to the top of the page. -->
<a href="#" id="pagetop">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="var(--ci-primary-color, currentColor)" d="M256,496A240,240,0,0,1,86.294,86.294,240,240,0,0,1,425.706,425.706,238.432,238.432,0,0,1,256,496Zm0-448C141.309,48,48,141.309,48,256s93.309,208,208,208,208-93.309,208-208S370.691,48,256,48Z" class="ci-primary"/>
<polygon fill="var(--ci-primary-color, currentColor)" points="356.686 315.313 256 214.628 155.314 315.313 132.686 292.687 256 169.373 379.314 292.687 356.686 315.313" class="ci-primary"/>
</svg>
</a>
<!--end of corner guy-->
</body>
</html>