Add files via upload

shashankpatil28 · Apr 2, 2023 · b633331 · b633331
1 parent 6b1e752
commit b633331
Show file tree

Hide file tree

Showing 14 changed files with 218 additions and 0 deletions.
diff --git a/CSS/style.css b/CSS/style.css
@@ -0,0 +1,155 @@
+body {
+  text-align: center;
+}
+
+h1 {
+  margin-top: 0px;
+  color : #439A97 ;
+  font-family: 'Dancing Script', cursive;
+  font-size: 50px;
+}
+h2 {
+  color : #62B6B7;
+  font-family: 'Delicious Handrawn', cursive;
+  font-size: 2.75rem;
+}
+h3 {
+  color : #62B6B7;
+  font-family: 'Delicious Handrawn', cursive;
+  font-size: 2rem;
+}
+
+hr {
+  width : 8%;
+  border-style: none;
+  border-top-style: dotted;
+  border-width: 5px;
+  border-color: grey;
+}
+
+.student {
+  color : #159895;
+  font-weight: bold;
+}
+
+p {
+  margin: 0;
+  font-family: 'PT Sans Narrow', sans-serif;
+  font-size: 20px;
+}
+
+.top-container {
+  margin :0 ;
+  background-color: #91D8E4;
+  padding-top: 50px;
+}
+.profile-containt {
+  display : inline-block;
+  width : 44.7%;
+  margin-bottom: 25px;
+}
+.middle-container {
+  background-color: #EAFDFC;
+}
+.skill-row {
+  display: inline-block;
+  width: 700px;
+  height: 380px;
+}
+.my-skill-containt {
+  line height: 22px;
+  width : 500px
+  text- :center;
+}
+.contact-me {
+  margin-bottom: 30px;
+}
+.if-you {
+  margin-bottom: 30px;
+}
+.if-you1 {
+  margin-bottom: 10px;
+}
+
+.bottom-container {
+  background-color: #91D8E4;
+  padding-top: 40px;
+  padding-bottom: 20px;
+}
+.footer-link  {
+  margin-right: 50px;
+  text-decoration: none;
+  color : #0EA293;
+  font-size: 20px;
+}
+.footer-link1 {
+  text-decoration: none;
+  color : #0EA293;
+  font-size: 20px;
+}
+.copyright {
+  font-size: 15px;
+  padding-top: 20px;
+}
+
+.mountain {
+  padding-top: 20px;
+  border-radius: 100px;
+  height: 500px;
+  padding : 20px;
+}
+.shash-image {
+  width: 200px;
+  height: 200px;
+  margin: 20px auto 0px;
+}
+.binary-code {
+  width : 150px;
+}
+.cricket {
+  width : 150px;
+  border-style: solid;
+  border-radius: 100%;
+}
+.pro {
+  text-decoration: underline;
+}
+
+.cloud-up{
+  position : absolute;
+  left : 1050px;
+  top : 110px;
+}
+
+.cloud-down{
+  position : absolute;
+  left : 370px;
+  top : 20px;
+}
+
+.btn {
+  background: #91D8E4;
+  background-image: -webkit-linear-gradient(top, #91D8E4, #54c7d9);
+  background-image: -moz-linear-gradient(top, #91D8E4, #54c7d9);
+  background-image: -ms-linear-gradient(top, #91D8E4, #54c7d9);
+  background-image: -o-linear-gradient(top, #91D8E4, #54c7d9);
+  background-image: linear-gradient(to bottom, #91D8E4, #54c7d9);
+  -webkit-border-radius: 28;
+  -moz-border-radius: 28;
+  border-radius: 28px;
+  font-family: Arial;
+  color: #ffffff;
+  font-size: 16px;
+  padding: 10px 20px 10px 20px;
+  text-decoration: none;
+}
+
+.btn:hover {
+  background: #50becf;
+  background-image: -webkit-linear-gradient(top, #50becf, #91D8E4);
+  background-image: -moz-linear-gradient(top, #50becf, #91D8E4);
+  background-image: -ms-linear-gradient(top, #50becf, #91D8E4);
+  background-image: -o-linear-gradient(top, #50becf, #91D8E4);
+  background-image: linear-gradient(to bottom, #50becf, #91D8E4);
+  text-decoration: none;
+}
diff --git a/Images/angela.png b/Images/angela.png
diff --git a/Images/binary-code.png b/Images/binary-code.png
diff --git a/Images/chillies.png b/Images/chillies.png
diff --git a/Images/cloud.png b/Images/cloud.png
diff --git a/Images/computer.png b/Images/computer.png
diff --git a/Images/cricket.png b/Images/cricket.png
diff --git a/Images/mountain.png b/Images/mountain.png
diff --git a/Images/shash.jpg b/Images/shash.jpg
diff --git a/Images/shash1.png b/Images/shash1.png
diff --git a/Images/shash2.jpeg b/Images/shash2.jpeg
diff --git a/StubCode.html b/StubCode.html
@@ -0,0 +1,6 @@
+
+
+
+<div class="bottom-container">
+
+</div>
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Shashank Patil</title>
+    <link rel="stylesheet" href="CSS/style.css">
+    <!-- favicon placing -->
+    <link rel="icon" href="favicon.ico">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Alegreya:ital@1&family=Dancing+Script&family=Delicious+Handrawn&family=PT+Sans+Narrow&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div class="top-container">
+      <img class="cloud-up" src="images/cloud.png" alt="cloud">
+      <h1> I'm Shashank</h1>
+      <p class="student">A <span class="pro">Student</span></p>
+      <img class="cloud-down" src="images/cloud.png" alt="cloud">
+      <img class="mountain" src="images/shash2.jpeg" alt="mountain">
+    </div>
+    <div class="middle-container">
+      <div class="profile">
+        <img class= "shash-image"src="images/shash1.png" alt="shash" height="150px">
+        <h2>Hello.</h2>
+        <p class="profile-containt">I am a Btech Student at Indian Institute of Technology, Allahabad. I am 3⭐ Coder at Codechef.   I have hoobies include Coding and Playing cricket. </p>
+      </div>
+      <hr>
+      <div class="skills">
+        <h2>My Skills.</h2>
+        <div class="skill-row">
+          <img class="binary-code" src="Images/binary-code.png" alt="">
+          <h3>Compitative Programming</h3>
+          <p class="my-skill-containt">I have started learning C++, the majorly used cp language after JEE Adv. I am in love with this Compitative programming as it requires actual intelligence. I have gained so much knowledge through it and surely it will help me in my placement time.</p>
+        </div>
+        <div class="skill-row">
+          <img class="cricket" src="Images/cricket.png" alt="">
+          <h3>Playing Cricket</h3>
+          <p class="my-skill-containt">In India, everyone had played Cricket from his childhood. I had a great time while playing Gully Cricket in childhood so I am persuing this interest thoughout.Right now, I am lead Batsman in our college team.</p>
+        </div>
+      </div>
+      <hr>
+      <div class="contact-me">
+        <h2>Get In Touch</h2>
+        <h3 class="if-you1">If you want some guide related Competative Programming.</h3>
+        <p class="if-you">Lets have a friendly code compition and have fun while coding.</p>
+        <a class="btn" href="mailto:[email protected]">CONTACT ME</a>
+      </div>
+    </div>
+    <div class="bottom-container">
+      <a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
+      <a class="footer-link" href="https://twitter.com/">Twitter</a>
+      <a class="footer-link1" href="https://www.appbrewery.co/">Website</a>
+      <p class="copyright">© Shashank Patil.</p>
+    </div>
+
+  </body>
+</html>