ipii28 · ipii28 · Jul 18, 2020
diff --git a/Apoorva.jpeg b/Apoorva.jpeg
diff --git a/Apoorva.mp4 b/Apoorva.mp4
diff --git a/Apoorva1.jpeg b/Apoorva1.jpeg
diff --git a/Arpit.jpeg b/Arpit.jpeg
diff --git a/Arpit.mp4 b/Arpit.mp4
diff --git a/Arpit1.jpeg b/Arpit1.jpeg
diff --git a/Chinmay.jpeg b/Chinmay.jpeg
diff --git a/Chinmay.mp4 b/Chinmay.mp4
diff --git a/Chinmay1.jpeg b/Chinmay1.jpeg
diff --git a/Ipsit.jpeg b/Ipsit.jpeg
diff --git a/Ipsit1.jpeg b/Ipsit1.jpeg
diff --git a/Sagar.jpeg b/Sagar.jpeg
diff --git a/Sagar.mp4 b/Sagar.mp4
diff --git a/Sagar1.jpeg b/Sagar1.jpeg
diff --git a/Satakshi.jpeg b/Satakshi.jpeg
diff --git a/Satakshi.mp4 b/Satakshi.mp4
diff --git a/Satakshi1.jpeg b/Satakshi1.jpeg
diff --git a/Shrey.jpeg b/Shrey.jpeg
diff --git a/Shrey.mp4 b/Shrey.mp4
diff --git a/Shrey1.jpeg b/Shrey1.jpeg
diff --git a/Shubhi.mp4 b/Shubhi.mp4
diff --git a/Shubhi1.jpeg b/Shubhi1.jpeg
diff --git a/Sikta.jpeg b/Sikta.jpeg
diff --git a/Sikta.mp4 b/Sikta.mp4
diff --git a/Sikta1.jpeg b/Sikta1.jpeg
diff --git a/Smriti.jpeg b/Smriti.jpeg
diff --git a/Smriti.mp4 b/Smriti.mp4
diff --git a/Smriti1.jpeg b/Smriti1.jpeg
diff --git a/Suchismita.jpeg b/Suchismita.jpeg
diff --git a/Suchismita.mp4 b/Suchismita.mp4
diff --git a/Suchismita1.jpeg b/Suchismita1.jpeg
diff --git a/index.html b/index.html
@@ -1,48 +1,102 @@
-<!DOCTYPE html>
-<html lang="en-us">
-  <head>
-    <meta charset="UTF-8">
-    <title>Coursera-test by ipii28</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
-    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
-    <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
-    <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
-  </head>
-  <body>
-    <section class="page-header">
-      <h1 class="project-name">Coursera-test</h1>
-      <h2 class="project-tagline">Coursera-test repository</h2>
-      <a href="https://github.com/ipii28/coursera-test" class="btn">View on GitHub</a>
-      <a href="https://github.com/ipii28/coursera-test/zipball/master" class="btn">Download .zip</a>
-      <a href="https://github.com/ipii28/coursera-test/tarball/master" class="btn">Download .tar.gz</a>
-    </section>
-
-    <section class="main-content">
-      <h3>
-<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Welcome to GitHub Pages.</h3>
-<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here <a href="https://guides.github.com/features/mastering-markdown/">using GitHub Flavored Markdown</a>, select a template crafted by a designer, and publish. After your page is generated, you can check out the new <code>gh-pages</code> branch locally. If you’re using GitHub Desktop, simply sync your repository and you’ll see the new branch.</p>
-<h3>
-<a id="designer-templates" class="anchor" href="#designer-templates" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Designer Templates</h3>
-<p>We’ve crafted some handsome templates for you to use. Go ahead and click 'Continue to layouts' to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved.</p>
-<h3>
-<a id="creating-pages-manually" class="anchor" href="#creating-pages-manually" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Creating pages manually</h3>
-<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>
-<h3>
-<a id="authors-and-contributors" class="anchor" href="#authors-and-contributors" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Authors and Contributors</h3>
-<p>You can @mention a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor’s GitHub Profile. For example: In 2007, Chris Wanstrath (<a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/defunkt/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/defunkt">@defunkt</a>), PJ Hyett (<a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/pjhyett/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/pjhyett">@pjhyett</a>), and Tom Preston-Werner (<a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/mojombo/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mojombo">@mojombo</a>) founded GitHub.</p>
-<h3>
-<a id="support-or-contact" class="anchor" href="#support-or-contact" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Support or Contact</h3>
-<p>Having trouble with Pages? Check out our <a href="https://help.github.com/pages">documentation</a> or <a href="https://github.com/contact">contact support</a> and we’ll help you sort it out.</p>
-
-      <footer class="site-footer">
-        <span class="site-footer-owner"><a href="https://github.com/ipii28/coursera-test">Coursera-test</a> is maintained by <a href="https://github.com/ipii28">ipii28</a>.</span>
-
-        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
-      </footer>
-
-    </section>
-
-
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title>Kuchtohsharamkaro.</title>
+  <link rel="stylesheet" href="css\styles.css">
+  <link rel="icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&family=Montserrat:ital@1&family=Sacramento&display=swap" rel="stylesheet">
+</head>
+
+<body>
+  <div class="middle-container">
+    <div class="profile">
+      <img id="profilepic" src="images\profile.jpeg" alt="Smish's Profile Picture">
+      <h2>Kuch Toh Sharam Karo😝 </h2>
+    </div>
+  <a class="btn" href="images\word salad.jpeg">👆👆</a>
+    <div class="Wishes">
+      <h2>Phir Baki sab Dekh Yeh 😉.</h2>
+
+
+
+      <div class="wish-row">
+        <img class="Shubhi" src="images\shubhi.jpeg" alt="Shubhi image">
+        <h3>Shubhi</h3>
+        <p>A very happy birthday bestie♥...many many happy returns of the day yaara... Always stay blessed, happy and safe. I wish you love, hope and everlasting joy and happiness. Thank you for being my best friend! Lucky to have you in my life yr. And I miss you🥺</p>
+      </div>
+      <div class="wish-row-Chinmay">
+        <img class="Chinmay" src="images\Chinmay.jpeg" alt="Chinmay image">
+        <h3>Chinmay</h3>
+        <p>Don’t ever change! Stay as amazing as you are, my friend.</p>
+      </div>
+      <div class="wish-row">
+        <img class="Shrey" src="images\Shrey.jpeg" alt="Shrey image">
+        <h3>Shrey</h3>
+        <p>Sending you best wishes for success, health, and good fortune today and in the year to come. Enjoy your special day. Happy Birthday!</p>
+      </div>
+      <div class="wish-row">
+        <img class="Satakshi" src="images\Satakshi.jpeg" alt="Satakshi image">
+        <h3>Satakshi</h3>
+        <p>Happy birthday. You make every day a great day. I’m so proud of the thoughtful and wonderful man you are.</p>
+      </div>
+      <div class="wish-row">
+        <img class="Suchismita" src="images\Suchismita.jpeg" alt="Suchismita image">
+        <h3>Suchismita</h3>
+        <p>Happy birthday satyajit...🥳🎊...tu class me bohot bacchodi karta hai but bohot maza ata hai tere sath.....like from pepsi bottle to proxy we enjoy a lot.....bass aise hi rehna....or aise hi samsung ke support me rehna🤣🤣..treat to deni paregi tujhe..no bahane.....miss you a lot yaar🙂😇.....waiting to gang up again at kiit road.....😎🙃.</p>
+      </div>
+      <div class="wish-row">
+        <img class="Arpit" src="images\Arpit.jpeg" alt="Arpit image">
+        <h3>Arpit</h3>
+        <p>Paani mujhe pasand nahi 🎯</p>
+
+      </div>
+      <div class="wish-row">
+        <img class="Sikta" src="images\Sikta.jpeg" alt="Sikta image">
+        <h3>Sikta</h3>
+        <p>Sending you smiles for every moment of your special day. HAPPY BIRTHDAY SMISH !.</p>
+      </div>
+      <div class="wish-row">
+        <img class="Smriti" src="images\Smriti.jpeg" alt="Smriti image">
+        <h3>Smriti</h3>
+        <p>"Happy birthday dear Smish, enjoy your day, you are one of the most genuine persons I have met in the college. I miss your scooty and tu ek mast sa bhai hai :) xD. 🌟 Looking ahead to meet you soon:)"</p>
+      </div>
+      <div class="wish-row">
+        <img class="Ipsit" src="images\Ipsit.jpeg" alt="Ipsit image">
+        <h3>Ipsit</h3>
+        <p>Happy Bday mere bhai.. Ese hi Khush reh aur tutti phutti Odia bolta reh. And Humme help karta reh 😁.
+          And I hope tu pubg khelna seekh jaye😂😂😂. #ps5   #callmesmish</p>
+      </div>
+      <div class="wish-row">
+        <img class="Apoorva" src="images\Apoorva.jpeg" alt="Apoorva image">
+        <h3>Apoorva</h3>
+        <p>Happiest birthday SMISHHHYYY...!!!💫💫🥳
+Wishing u all the happiness of the world!!!💜💜💜
+Stay blessed!💖💖
+N tike Odia sikhija bhai agaku bahut kama deba!!
+XD🤣🤣🤣</p>
+      </div>
+      <div class="wish-row">
+        <img class="Sagar" src="images\Sagar.jpeg" alt="Sagar image">
+        <h3>Sagar</h3>
+        <p>Many many happy returns of the day.Dil se teri khushi aur salamati ki dua karta hu.Aage badhte jaa.God bless you❤.</p>
+      </div>
+
+    <hr>
+    <div class="contact-me">
+      <h1>ABHI PICTURE BAAKI HAI MERE DOST</h1>
+      <h3>If you love Suprises</h3>
+      <p class="contact-message"></p>
+      <a class="btn" href="C:\Users\KIIT\Desktop\Satyajeet-bday-master\Satyajeet\video.html">🎬</a>
+    </div>
+  </div>
+
+
+  <div class="bottom-container">
+    <p class="copyright-message">© 2020 Satyajit Mishra.</p>
+  </div>
+
+</body>
+
+</html>
diff --git a/profile.jpeg b/profile.jpeg
diff --git a/shubhi.jpeg b/shubhi.jpeg
diff --git a/styles.css b/styles.css
@@ -0,0 +1,149 @@
+body {
+  margin: 0;
+  text-align: center;
+  font-family: 'Merriweather', serif;
+  background-color: #7fdbda;
+}
+
+hr{
+  border: dotted #EAF6F6 6px;
+  border-bottom: none;
+  width: 5%;
+}
+
+#profilepic{
+  border-radius: 100%;
+  width: 260px;
+  height: 320px;
+}
+
+.wish-row {
+  width: 50%;
+  margin: 100px auto 100px auto;
+  text-align: left;
+  line-height: 2;
+}
+
+.Shubhi{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: left;
+}
+.wish-row-Chinmay{
+  width: 50%;
+  margin: 100px auto 100px auto;
+  text-align: left;
+  line-height: 2;
+  padding-top: 10%;
+}
+
+
+.Chinmay{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: right;
+}
+
+
+.Shrey{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: left;
+}
+
+
+.Satakshi{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: right;
+}
+.Suchismita{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: left;
+}
+
+
+.Arpit{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: right;
+}
+
+.Sikta{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: left;
+}
+.Smriti{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: right;
+}
+
+.Ipsit{
+  width: 157.833px;
+  height:157.833px;
+  border-radius: 100%;
+  float: left;
+}
+
+
+.Apoorva{
+  width: 157.833px;
+  height: 157.833px;
+  border-radius: 100%;
+  float: right;
+}
+
+  .Sagar{
+    width: 157.833px;
+    height: 157.833px;
+    border-radius: 100%;
+    float: left;
+}
+.contact-message{
+  width: 40%;
+  margin: 40px auto 60px;
+}
+
+.copyright-message{
+  color: #EAF6F6;
+}
+
+
+
+.btn {
+  background: #11cdd4;
+  background-image: -webkit-linear-gradient(top, #11cdd4, #11999e);
+  background-image: -moz-linear-gradient(top, #11cdd4, #11999e);
+  background-image: -ms-linear-gradient(top, #11cdd4, #11999e);
+  background-image: -o-linear-gradient(top, #11cdd4, #11999e);
+  background-image: linear-gradient(to bottom, #11cdd4, #11999e);
+  -webkit-border-radius: 8;
+  -moz-border-radius: 8;
+  border-radius: 8px;
+  font-family: 'Montserrat', sans-serif;
+  color: #ffffff;
+  font-size: 20px;
+  padding: 10px 20px 10px 20px;
+  text-decoration: none;
+}
+
+.btn:hover {
+  background: #30e3cb;
+  background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
+  background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
+  background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
+  background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
+  background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
+  text-decoration: none;
+}