DopestTech · Akshay090 · Oct 23, 2019
diff --git a/Portfolios/Minimalist/assets/adaMLH.jpg b/Portfolios/Minimalist/assets/adaMLH.jpg
diff --git a/Portfolios/Minimalist/assets/back.jpeg b/Portfolios/Minimalist/assets/back.jpeg
diff --git a/Portfolios/Minimalist/css/style.css b/Portfolios/Minimalist/css/style.css
@@ -0,0 +1,230 @@
+/* Global Layout Set-up */
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  font-family: 'Roboto', sans-serif;
+  color: #222;
+  background: #f7f5f0;
+}
+
+/* Link Styles */
+
+a {
+  text-decoration: none;
+  color: #272727;
+}
+
+a:hover {
+  color: #ff60f0de;
+}
+
+/* Section Styles */
+
+.main-nav {
+  width: 100%;
+  background: black;
+  min-height: 30px;
+  padding: 10px;
+  position: fixed;
+  text-align: center;
+}
+
+.nav {
+  display: flex;
+  justify-content: space-around;
+  font-weight: 700;
+  list-style-type: none;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.nav .name {
+  font-family: 'Sofia';
+  display: block;
+  margin-right: auto;
+  color: white;
+  font-size: 3vh;
+
+}
+
+.nav li {
+  padding: 5px 10px 10px 10px;
+}
+
+.nav a {
+  transition: all .5s;
+  color: white
+}
+
+.nav a:hover {
+  color: #fbed10
+}
+
+header {
+  text-align: center;
+  background: url('../assets/back.jpeg');
+  background-size: cover; 
+  overflow: hidden;
+  padding-top: 60px;
+}
+
+header {
+  line-height: 1.5;
+}
+
+header .profile-image {
+  margin-top: 50px;
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  border: 3px solid white;
+  transition: all .5s;
+}
+
+header .profile-image:hover {
+  transform: scale(1.2) rotate(5deg);
+}
+
+.tag {
+  background-color: #efefef;
+  color: black;
+  padding: 10px;
+  border-radius: 5px;
+  display: table;
+  margin: 10px auto;
+}
+
+.location {
+  background-color: #222;
+  color: yellow;
+}
+
+.card {
+  margin: 30px;
+  padding: 20px 40px 40px;
+  max-width: 500px;
+  text-align: left;
+  background: #fff;
+  border-bottom: 4px solid #ccc;
+  border-radius: 6px;
+  transition: all .5s;
+}
+
+.card:hover {
+  border-color: #ff99ff;
+}
+
+.project{
+  max-width: 1200px;
+}
+
+
+ul.skills {
+  padding: 0;
+  text-align: center;
+}
+
+.skills li {
+  border-radius: 6px;
+  display: inline-block;
+  background: #ff9904;
+  color: white;
+  padding: 5px 10px;
+  margin: 2px;
+}
+
+.skills li:nth-child(odd) {
+  background: #0399ff;
+}
+
+footer {
+  width: 100%;
+  min-height: 30px;
+  padding: 20px 0 40px 20px;
+}
+
+footer .credit {
+  top: -8px;
+  font-size: .75em;
+}
+
+footer ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+footer ul li {
+  display: inline-block;
+}
+
+
+.clearfix {
+  clear: both;
+}
+
+.madewithlove {
+  color: #ec1625;
+
+}
+
+.madewithlove:hover {
+  color: #ff60f0de;
+
+}
+
+/* Styles for larger screens */
+@media screen and (min-width: 720px) {
+
+  .flex {
+    display: flex;
+    max-width: 1200px;
+    justify-content: space-around;
+    margin: 0 auto;
+  }
+
+  header {
+    min-height: 470px;
+  }
+
+  .nav {
+    max-width: 1200px;
+    padding: 0 30px;
+  }
+
+
+  main {
+    padding-top: 20px;
+  }
+
+  main p {
+    line-height: 1.6em;
+  }
+
+  footer {
+    font-size: 1.3em;
+    max-width: 1200px;
+    margin: 40px auto;
+  }
+
+  .fa {
+    padding: 20px;
+    font-size: 30px;
+    width: 30px;
+    text-align: center;
+    text-decoration: none;
+    margin: 5px 2px;
+    border-radius: 50%;
+  }
+
+
+
+
+  }
+
+
diff --git a/Portfolios/Minimalist/index.html b/Portfolios/Minimalist/index.html
@@ -0,0 +1,96 @@
+ <!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Ada Lovelace's Profile</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="css/style.css">
+  <link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+
+</head>
+  <body>
+
+    <div class="main-nav">
+        <ul class="nav">
+          <li class="name">Ada Lovelace</li>
+          <li><a href="#">Home</a></li>
+          <li><a href="#projects">Projects</a></li>
+        </ul>
+    </div>
+
+    <header>
+      <img src="assets/adaMLH.jpg" alt="John Doe" class="profile-image">
+      <h1 class="tag name">Hey, I'm Ada!.</h1>
+      <p class="tag location">I invented coding, basically.</p>
+    </header>
+
+    <main class="flex">
+      <div class="card">
+        <h2>About</h2>
+        <p>I was born in 1815 and died in 1852. I eventually went on to become the logo for Major League Hacking's 2016 Season.</p>
+        <p>During my life, I worked with Charles Babbage on the earliest computing devices and the predecessor to what you call software today.</p>
+      </div> 
+
+      <div class="card">
+        <h2>Skills</h2>
+        <p>Ada was an English mathematician and writer, chiefly known for her work on Charles Babbage's proposed mechanical general-purpose computer.</p>
+        <ul class="skills">
+          <li>Computing</li>
+          <li>Mathematics</li>
+          <li>algorithm</li>
+        </ul>
+      </div>
+
+   </main>
+
+  <div id="projects" class="flex" >
+
+       <div  class="card project">
+        <h2>Projects</h2>
+        <ul>
+        <li><h3>The Difference Engine</h3></li>
+        <p>
+          The Difference Engine is the first project I worked on with Charles Babbage. 
+        </p>
+        <li><h3>The Analytical Engine</h3></li>
+        <p>
+           From 1842-1843, I translated Luigi Menabrea's article on Babbage's proposed "Analytical Engine." 
+        </p>
+        <li><h3>The First Computer Program</h3></li>
+        <p>
+          I am credited with writing the first ever published algorithm for computing. My work has been highlighted by many scientists! In 1990, Allan G. Bromley wrote about me in an article titled <em>Difference and Analytical Engines</em>. The programming language <strong>Ada</strong>, developed by the US government, is named after me. 
+        </p>
+      </ul>
+
+    </div> 
+
+  </div>
+
+    <footer>
+
+      <div class="icons">
+
+
+          <a href="#" class="fa fa-facebook"></a>
+          <a href="#" class="fa fa-slack"></a>
+          <a href="#" class="fa fa-instagram"></a>
+          <a href="#" class="fa fa-twitter"></a>
+
+</div>
+    <p class="credit">Made with <span class="madewithlove">❤️️</span> for Community</a></p>
+    </footer>
+
+  </body>
+  </html>
+
+
+
+
+
+
+
+