blog-site/index.html at main · Psydrite01/blog-site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1 id="topic">Himanshu Deori</h1>
  <div class="navbar">
    <a href="index.html" style="text-decoration:none" class="navcomponents" id="name">Himanshu Deori</a>
    <button class="navcomponents" id="dropdown"></button>
    <a href="index.html" style="text-decoration:none" class="navcomponents" id="home">Home</a>
    <a href="articles.html" style="text-decoration:none" class="navcomponents" id="articles">Articles</a>
    <a href="posts.html" style="text-decoration:none" class="navcomponents" id="posts">Posts</a>
    <a href="merch.html" style="text-decoration:none" class="navcomponents" id="merch">Merchandise</a>
  </div>
  <div class="hiddennavbar">
    <a href="index.html" style="text-decoration:none" class="hiddennavcomponents" id="hiddenhome">Home</a>
    <a href="articles.html" style="text-decoration:none" class="hiddennavcomponents" id="hiddenarticles">Articles</a>
    <a href="posts.html" style="text-decoration:none" class="hiddennavcomponents" id="hiddenposts">Posts</a>
    <a href="merch.html" style="text-decoration:none" class="hiddennavcomponents" id="hiddenmerch">Merchandise</a>
  </div>
  <div id="backimg"></div>
  <div id="container">
    <div id="profilepic"></div>
    <div id="textcontainer">
      <div id="socials">
        <div class="sociallinks" id="platforms">Socials</div>
      </div>
      <div id="links">
        <a class="logo" id="instagram" href="https:/www.google.com" target="_blank"><img src="./assets/instagrampng.png" height=39px width=39px></a>
        <a class="logo" id="facebook" href="https:/www.google.com" target="_blank"><img src="./assets/facebookpng.png" height=39px width=39px></a>
        <a class="logo" id="x" href="https:/www.google.com" target="_blank"><img src="./assets/xpng.jpeg" height=39px width=39px></a>
        <a class="logo" id="youtube" href="https:/www.google.com" target="_blank"><img src="./assets/youtubepng.png" width=44px></a>
        <a class="logo" id="linkedin" href="https:/www.google.com" target="_blank"><img src="./assets/linkedinpng.png" height=39px width=39px></a>
        <div class="logo" id="gmail" ><img src="./assets/gmailpng.png" width=44px></div>
        <div class="logo" id="email">deorihimangshuuuuuuu@gmail.com</div>
      </div>
      <div id="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Culpa, placeat esse! Esse repellendus distinctio, deleniti fugiat quasi ad aliquid saepe voluptas libero eveniet dolores, temporibus corporis aspernatur vel voluptatibus reprehenderit.
      Voluptatum, temporibus! Deleniti dolore enim qui aliquam mollitia earum eveniet sunt adipisci quo atque, minus deserunt modi doloremque libero neque debitis autem commodi, nisi ut possimus tenetur provident. Laudantium, sit.
      At doloribus assumenda similique magnam esse ea quas, eligendi dolore alias perspiciatis ipsum earum ipsam debitis totam maxime hic voluptatem sit odio, natus voluptatibus vero? Excepturi distinctio minima quas! Quia?
      Atque quaerat nesciunt recusandae sint dicta fugiat corrupti iste et a, placeat nulla quidem laborum assumenda sit dolorum, autem qui animi ratione magni. Mollitia optio dolore accusamus, quo aliquid quis.
      Aliquid harum suscipit rerum consequuntur neque facere, velit sunt. Dolorum quasi tempora facilis sint explicabo, natus porro, perferendis accusantium commodi ducimus sapiente enim fugiat nulla ratione vitae consequatur quibusdam! Unde?
      Molestias nemo qui quo, enim officiis pariatur cupiditate eos velit laboriosam esse culpa repudiandae iste dolorem, exercitationem aut. Sint porro facere distinctio deleniti aliquam consectetur doloribus perspiciatis, incidunt ad blanditiis!
      Voluptates repellendus ipsum temporibus provident ut debitis doloremque consequuntur fugiat cum aperiam, pariatur voluptas. Accusantium aliquid quibusdam laudantium velit, necessitatibus dolorum, magnam eaque nostrum culpa beatae explicabo blanditiis temporibus quisquam?
      Dolorum enim iusto recusandae incidunt fugiat. Quam aliquid ex odio autem commodi repellat laboriosam quos pariatur soluta dolor optio accusamus dolores sunt alias distinctio illo, quasi praesentium, aliquam omnis officiis.
      Repellendus, porro! Nihil, beatae dolor. Dolore beatae iure quidem! Alias tempore molestias minima sed, veritatis sequi aperiam, odio blanditiis iste adipisci perspiciatis consequatur at ipsam ullam harum reprehenderit sunt animi.
      Obcaecati sit eum cupiditate cum possimus et eos neque, distinctio amet similique, mollitia laudantium minus nisi nihil facilis molestias, dicta unde voluptatem ipsa dolorem. Animi numquam veritatis ducimus doloribus est?<br><br>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum quae nulla soluta unde culpa, deserunt minus optio quam officia quos ipsa quo magni dolores, delectus porro tempora ut temporibus consequatur?
      Quaerat ex eaque saepe voluptatem commodi placeat quis qui repudiandae blanditiis ut itaque dicta incidunt facere veritatis quisquam nobis a reiciendis, voluptas provident amet illo? Voluptates dolorum consectetur beatae commodi?
      Inventore beatae consectetur tempora ea omnis in! Aliquid laudantium quas, enim cum officia excepturi earum, provident corporis ullam molestias aspernatur quod iusto quasi tenetur laboriosam! Vel tempora nostrum illum consequatur.
      Quis provident cumque autem, alias voluptas placeat ducimus ipsa porro deserunt omnis quod officia harum. Perspiciatis, obcaecati praesentium, atque voluptas dolores explicabo quisquam fuga debitis molestias ratione voluptatum totam esse.
      Nisi doloremque quae nesciunt accusantium provident est consectetur minus autem, voluptas inventore omnis veniam harum aut accusamus! Praesentium et sapiente ullam molestias, architecto neque aspernatur ipsa voluptatibus veritatis ut nulla.
      Similique ut iure possimus nihil error excepturi eaque unde voluptatibus provident, dignissimos dolores adipisci accusantium hic sed consequatur natus doloribus amet quisquam laboriosam doloremque. Voluptates magnam soluta hic pariatur provident.
      Necessitatibus, voluptate quisquam exercitationem sit nihil recusandae laudantium voluptatum, modi magni laborum, corrupti laboriosam enim eligendi sapiente id. Quia repellendus ex unde rem nulla sequi recusandae aliquid minus distinctio maxime!
      Aut obcaecati fuga ea incidunt rerum dolores? Praesentium nisi doloribus inventore voluptatibus iste laboriosam aliquid quos, laudantium, veniam molestiae consequatur, soluta in dicta autem nobis aperiam. Commodi, quos nisi! Accusantium?
      Doloribus, provident quos? Repellendus consequuntur vel rem nostrum ipsam natus vero harum repellat iusto voluptates recusandae nihil aut dolores ipsum perspiciatis repudiandae error eaque, tenetur corporis fugit, deleniti atque placeat?
      Doloribus porro saepe fugit sequi iure rem repellendus, vel cupiditate autem eveniet et atque explicabo temporibus ab iusto consequuntur excepturi corrupti quis? Dolores illo soluta facere voluptate quod omnis quae.
      </div>
      <div id="blogpost">
        <div id="latestblog">
          <div class="blogheader" id="latestblogheader">Latest Blog</div>
          <div class="blogtext" id="latestblogtext">Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam sed debitis necessitatibus aut inventore placeat! Velit, quas optio iusto alias excepturi eligendi dolorem obcaecati, assumenda dolorum amet similique eum quisquam!
          A maiores ad reprehenderit corrupti fugiat, nihil quibusdam minus repudiandae dicta dignissimos impedit, nesciunt quos corporis expedita inventore non fuga. Tempora, nulla inventore! Eum consequatur voluptatem minima ullam maiores nihil?
          In porro, impedit excepturi quam eum voluptates, corporis aliquam et, ipsa sunt sequi voluptatibus laborum quos fugiat consequatur doloremque ipsam odit ex facilis quod rem atque voluptatem. Odit, non vitae.
          Quisquam ab consectetur nihil quia, sapiente temporibus necessitatibus ipsum itaque placeat enim. Veritatis et quibusdam unde ex mollitia aliquam incidunt expedita quas quam totam repellat, quisquam, natus, necessitatibus accusantium doloribus.
          Perferendis enim fugit aliquid voluptatem ipsa dicta sit, quae mollitia rem. Expedita deserunt eligendi est eaque provident nostrum error voluptatibus consequatur consequuntur aperiam vero iure nemo nisi voluptatem, possimus voluptas?
          </div>
          <button class="articlebutton" id="button-article-abc">Read More</button>
        </div>
        <div id="randomblog">
          <div class="blogheader" id="randomblogheader">Random Blog</div>
          <div class="blogtext" id="randomblogtext">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis natus numquam doloribus eligendi magnam quidem accusamus aspernatur repudiandae, ex sed? Nihil eaque sed ratione esse, ullam veniam quasi rem nesciunt?
          Cupiditate nostrum itaque possimus, error, dolorem rerum accusamus perferendis velit illum explicabo eum repellendus laboriosam? Commodi necessitatibus maiores fugit cumque quos facere mollitia et itaque, cum exercitationem harum, molestiae pariatur?
          Ipsum aut fugit error nisi aspernatur distinctio ipsa iure, facilis quidem, dolor perferendis neque iusto maxime quaerat sequi, maiores doloribus earum ad quam temporibus obcaecati expedita. Cum temporibus laboriosam quae.
          Magnam possimus molestias commodi provident fugit doloribus officiis dicta mollitia ad earum, assumenda voluptatem fuga suscipit voluptate quia quis quo, cumque aspernatur hic eaque libero. Recusandae minima dignissimos voluptatibus nam.
          Asperiores excepturi deleniti corrupti tempora reprehenderit, eveniet illo molestiae quibusdam nisi libero animi a distinctio totam. Placeat facere nihil, incidunt, aspernatur consectetur laboriosam eveniet nam quas consequuntur quod, quia tempora!
          </div>
          <button class="articlebutton" id="button-article-xyz">Read More</button>
        </div>
      </div>

    </div>
  </div>
  <hr id="ruler">
  <div id="footerbar">
    <div id="footerleft">
      <pre class="footeritems" id="copywrite">Copyrights © Himanshu Deori. All Rights Reserved</pre>
      <pre class="footeritems" id="create">Created by Prudam Priyosanga Dutta</pre>
      <pre class="footeritems" id="manage">Managed by Dhritiman Saikia</pre>
    </div>
    <div id="footerright">
      <pre class="footeritems" id="poweredby">Powered by Ext Network</pre>
      <pre class="footeritems" id="since2018">Since 2018</pre>
    </div>
    <a href="#" class="footeritems" id="ytlogo"><img src="./assets/yt.logo.jpg" height=55px;></a>
  </div>
  <script src="script.js"></script>
</body>
</html>