Add files via upload

17arindam · Dec 30, 2023 · cb21ff2 · cb21ff2
1 parent 2cc9088
commit cb21ff2
Show file tree

Hide file tree

Showing 2 changed files with 190 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,62 @@
+<html>
+<head>
+<title>Arindam</title>
+<meta name="viewport"
+content="width=device-width,initial-scale=1">
+<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=Concert+One&family=Poppins:ital,wght@0,200;0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
+<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=Concert+One&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.7/css/all.css">
+<script src="https://kit.fontawesome.com/c2b20be2b2.js" crossorigin="anonymous"></script>
+<link rel="stylesheet" type="text/css" href="styles.css">
+</head>
+
+<body>
+<header>
+<h1 class="arindam">ARINDAM BERA</h1>
+</header>
+<hr>
+<div id="website"><center> Assignment </center></div>
+<div id="body"><center>
+Asignment submitted to Dr. Shaligram Prajapat for Data Science
+</center>
+<hr>
+</div>
+<hr>
+<div id="vid_sol">Video Solutions:</div>
+<div id="button_div">
+     <a href="https://www.youtube.com/embed/nFJ5AFet__A?si=rtCCYx8jynCA2nVB"target="video" class="button" >Internal 1</a>
+
+     <a href="https://www.youtube.com/embed/k4F0bE3MS_8?si=XYW71vm_Hxq15Uwe" target="video" class="button">Internal 2</a>
+
+     <a href="https://www.youtube.com/embed/7BJ0Jhly-AI?si=De_-tN5otPmier2U" target="video" class="button">Internal 3</a>
+
+     <a href="https://www.youtube.com/embed/eMa6dAIWNvw?si=bAqM6q3u7JAH_UH5"target="video" class="button">Internal 4</a>
+
+<br>
+</div>
+<hr>
+<div id="frame"> 
+    <iframe id="iframe" name="video"></iframe>
+
+</div>
+<hr>
+<div id="prj_sol">Project Solutions:</div>
+<div id="sol_link"><a href="https://github.com/17arindam/data-science-project/blob/main/IT2K21_11_Data_Science.ipynb" target="_blank" class="button">Github link</a></div>
+<hr>
+<div id="contact">
+
+<div id="details"> 
+    <p class="con"> Contact:</p>
+
+    <a href="https://www.linkedin.com/in/arindam-bera-b7001226b/" target="_blank" class="qwerty"><i class="fa-brands fa-linkedin-in style=color: #ffffff;"></i> Linkdin</a>
+    <a href="https://github.com/17arindam" target="_blank" class="qwerty"><i class="fa-brands fa-github"></i> Github</a>
+</div>
+
+</div>
+
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,128 @@
+body {background-color: #294D61;
+    margin: 0;
+    padding: 0;
+  font-family: 'Poppins', sans-serif;
+  }
+
+  header {
+    background-color: #05161A;
+    color: white;
+    padding: 20px;
+  }
+  .arindam { text-shadow: 5px 5px 10px #294D61;
+  font-family: 'Concert One', sans-serif;
+    margin: 30;
+    margin-left: 50;
+    color: #99C9C1;
+    font-size: 60px;
+    text-align: center;
+    }
+    .arindam:hover{
+        text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.485);
+        color: rgb(255, 255, 255);
+        transition: 1s;
+    }
+
+  #body  {margin: 1%;
+       background-color: #0C7073;
+   margin-left: 0px;
+   font-size: 30px;
+   font-family: 'Concert One', sans-serif;
+  }
+  #website{ font-size: 54px;
+      margin:10px;
+      margin-left: 0;
+      background-color: #0C7073;
+      font-family: 'Concert One', sans-serif;
+
+  }
+
+  #button_div{ padding: 1%; 
+      display:  flex ;
+
+        justify-content: space-around;
+      background-color: #0C7073;
+  }
+  .button{ font-size: larger;
+  text-decoration: none;
+  color: #99C9C1;
+   margin-left: 90;
+  margin: 20px;
+      background-color: #072E33;
+    border: 3px solid #05161A;
+  padding: 5px;
+  border-radius: 10px;
+  font-family: 'Concert One', sans-serif;
+
+  }
+  .button:hover{
+      background-color: beige;
+      color: #05161A;
+      transition: 2s;
+  }
+  .arin{
+      color: rgb(221, 112, 112);
+  }
+  iframe{ height: 50vw;
+  width: 70vw;
+  align-items: center;
+  margin-left: 15%;
+
+  }
+  hr{
+      border-color:#05161A;
+  }
+  #contact {
+      background-color: #05161A;
+      margin-top: 15px;
+  }
+  #details{padding: 10px;
+  padding-bottom: 20px;
+      display: flex;
+      justify-content: space-around;
+      height: 10vh;
+
+      margin: 0px;
+  }
+  .con{
+      font-size: 18px;
+      color:white;
+      margin-left: 10px;
+
+  }
+  .qwerty{
+      font-size: 18px;
+      color: white;
+      text-decoration: none;
+      margin-top: 13px;
+  }
+
+  #iframe{
+    background-color: #0C7073;
+  }
+
+  #vid_sol{
+    margin: 1%;
+       background-color: #0C7073;
+   margin-left: 0px;
+   font-size: 30px;
+   text-align: center;
+   font-family: 'Concert One', sans-serif;
+  }
+
+  #prj_sol{
+    margin: 1%;
+       background-color: #0C7073;
+   margin-left: 0px;
+   font-size: 30px;
+   text-align: center;
+   font-family: 'Concert One', sans-serif;
+  }
+
+  #sol_link{
+    margin: 1%;
+   margin-left: 0px;
+   font-size: 30px;
+   text-align: center;
+   font-family: 'Concert One', sans-serif;
+  }