portfolio-website/Jennelle Blog/Index.html
2021-11-12 19:09:33 -05:00

50 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="pretty.css">
<title>Jennelle's Blog</title>
</head>
<body>
<table>
<tr>
<td style="width: 50%;">
<center><h1>Jennelle's Blog</h1></center>
</td>
<td style="width: 15%; background-color: #adf7c1;">
<a href="https://twitter.com/peachp0ds" target="_blank"><img src="https://assets.stickpng.com/images/580b57fcd9996e24bc43c53e.png" alt="twitter logo" style="width: 50px;"></a>
<a href="https://instagram.com/jennxlle?utm_medium=copy_link" target="_blank"><img src="https://assets.stickpng.com/images/580b57fcd9996e24bc43c521.png" alt="instagram logo" style="width: 45px;"></a>
<a href="https://letterboxd.com/peachp0ds/" target="_blank"><img src="https://a.ltrbxd.com/logos/letterboxd-decal-dots-neg-rgb.svg" alt="letterboxd logo" style="width: 50px; padding-top: 40px;"></a>
<a href="https://www.pinterest.ca/peachp0ds/?invite_code=a6d09fe2ef5044f29becc054b97d598c&sender=836121624477565998" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/0/08/Pinterest-logo.png" alt="pinterest logo" style="width: 50px;"></a>
</td>
</tr>
<tr style="height: 100%;">
<td style="background-color: #adf7c1;">
<div id='0'>
<img src="Pictures/e+j.jpg" alt="jennelle and ethan" style="float: right; width: 40%;">
<p>Welcome to Jennelle's Blog!</p>
<p>This is the blog of Jennelle Jagdeo. Learn the exciting ins and outs of this wild girl's life!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit nemo obcaecati quae suscipit! Dolores, hic odio minima nobis natus repellendus fugiat. Libero sit corporis voluptas suscipit distinctio beatae culpa eos?Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis velit atque voluptate delectus perferendis, repellendus possimus adipisci aut eligendi voluptatibus molestias sapiente, tenetur laborum totam alias? Cumque tempore dolore vero? <br><br> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident voluptatibus rem architecto odit dignissimos fugiat animi, dolore sed in velit necessitatibus ab aperiam illum adipisci cumque nisi fugit, tempora accusantium! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel aliquid magnam minima assumenda repudiandae nesciunt optio sunt iusto officia repellendus reiciendis eaque eligendi, recusandae aspernatur dicta unde delectus corporis adipisci!</p>
</div>
<div id="1" style="display: none;">
<img src="https://getemoji.com/assets/og/mobile.png" alt="emojis" style="width: 40%; float: left;">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente soluta praesentium voluptatem eum expedita officiis, numquam molestiae suscipit hic saepe doloremque dolore ipsum aperiam nemo laboriosam quam possimus excepturi minus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam unde iure praesentium commodi eius sed consequuntur laboriosam inventore quisquam ea. Mollitia totam fugiat architecto tempora dicta quibusdam aut animi laboriosam.</p>
</div>
<div id="2" style="display: none;">
<h1>WOAHHH</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/qrUXZrLCKKk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="float: left;"></iframe>
<p>This is Elden Ring update my Mordecai and it is soooo cool omg <br><br> I want to play this game and have lots of fun playing this video game :) funsies</p>
</div>
</td>
<td style="padding-bottom: 50%;">
<h2>Check out the articles!</h2>
<a onclick="SetMain('0')">Homepage</a> <br>
<a onclick="SetMain('1')">Article 1</a> <br>
<a onclick="SetMain('2')">Article 2</a>
<hr>
</td>
</tr>
</table>
<script src="script.js"></script>
</body>
</html>