manit2004.github.io/poems.html at main · manit2004/manit2004.github.io · 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
<!DOCTYPE html>
<html>
<head>
  <title>Blog</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="script.js" ></script>
  <meta name="google-site-verification" content="0dabyVooNMI5gMBX1x2Q_luQoUemA6Ps4JZCJQXQrBk" />
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3785670724469744"
     crossorigin="anonymous"></script>
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fjalla+One&family=Josefin+Sans:wght@500&family=Ubuntu&display=swap" rel="stylesheet">
 <link rel="icon" type="image/x-icon" href="me.ico">
 <script>
  function openBlog(blogId) {
      if (blogId === 'blog1') {
          window.open('blog1.html', '_blank');
      } else if (blogId === 'blog2') {
          window.open('blog2.html', '_blank');
      }
  }
</script>
</head>
<body>
  <header>
    <h1 style="text-align:center;padding-top: 25px;">Manit Roy<h1>
    <nav>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="education.html">Education</a></li>
        <li><a href="acheivement.html">Acheivements</a></li>
        <li><a href="photos.html">Photography</a></li>
        <li><a href="poems.html">Blog</a></li>
        <li><a href="skills.html">Skills</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </header>


  <h2 class="section-title" style="margin-top: 50px;">Poetry Blog</h2>

  <div class="blog" onclick="openBlog('blog1')">
    <div class="blog-title">Hypocrisy</div>
    <div class="blog-content">
        <p>You want the thrill not the danger,</p>
        <p>You want sucess but don't want the labour,........</p>
    </div>
</div>
<div class="blog" onclick="openBlog('blog2')">
    <div class="blog-title">What If</div>
    <div class="blog-content">
        <p>Why to bother about melody if nobody can hear</p>
        <p>Jokes won't work when sense of humour is rare.......</p>
    </div>
</div>

  </body>
</html>