matching wireframe
This commit is contained in:
parent
ee8da475b4
commit
a0ba132d2f
4 changed files with 201 additions and 6 deletions
69
index.html
69
index.html
|
@ -1,12 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>My Blog</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>The Fold Within</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>My Blog</h1>
|
||||
<div id="content"></div>
|
||||
<script src="posts.js"></script>
|
||||
<header>
|
||||
<nav>
|
||||
<div class="logo">△◎△</div>
|
||||
<ul>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Archive</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="hero">
|
||||
<div class="glyph"></div>
|
||||
<h1>UNCOVERING THE RECURSIVE REAL</h1>
|
||||
<a class="cta" href="#">Read More</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="latest">
|
||||
<h2>Latest</h2>
|
||||
<div class="grid">
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>The Path of Self –</h3>
|
||||
<p class="date">April 20, 2024</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed do elarmod tempor inseseet egt.</p>
|
||||
</article>
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>Within the Eternal Now</h3>
|
||||
<p class="date">April 15, 2024</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
|
||||
</article>
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>The Sacred Geometry of the Soul</h3>
|
||||
<p class="date">April 15, 2024</p>
|
||||
<p>Lorem ipsum dolor sit amet. Latrin Vitwarr trit. Lamen taticis non venenatis porttitor, egestas cur.</p>
|
||||
</article>
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>Awakening to the Divine</h3>
|
||||
<p class="date">April 15, 2024</p>
|
||||
<p>Vitwarr trit. Lament tatiels, non venenatis porttitor, pretium Atuean mattis eur.</p>
|
||||
</article>
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>Awakening to the Divine</h3>
|
||||
<p class="date">April 15, 2024</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
|
||||
</article>
|
||||
<article>
|
||||
<div class="thumb"></div>
|
||||
<h3>Awakening to the Divine</h3>
|
||||
<p class="date">April 15, 2024</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue