v3 development

2021-05-13 22:48:06 +05:30
parent 14d16483be
commit 54bcff5142
60 changed files with 3626 additions and 491 deletions
@@ -0,0 +1,203 @@
+a:hover {
+  text-decoration: none !important;
+}
+
+/*home*/
+
+.home {
+  height: auto;
+  padding: 0;
+  padding-bottom: 0;
+  margin: 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.name {
+  font-family: "Alata", sans-serif;
+}
+
+.name-intro {
+  font-size: 20px;
+  padding-top: 10%;
+  padding-left: 17%;
+}
+
+.profile {
+  float: right;
+  padding-right: 22%;
+  padding-bottom: 10%;
+}
+
+.know-more {
+  padding-bottom: 15%;
+  font-family: cursive;
+}
+
+.know-more a:hover {
+  text-decoration-line: none;
+  color: black;
+}
+
+.home-content {
+  padding-top: 0;
+  padding-left: 18%;
+  padding-right: 5%;
+  background-repeat: no-repeat;
+  background-position: bottom;
+}
+
+.social a:hover {
+  text-decoration-line: none;
+}
+
+@media only screen and (max-width: 992px) {
+  .profile {
+    padding-right: 35%;
+    text-align: center !important;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .home {
+    height: auto;
+    background-position: left bottom;
+  }
+
+  .name-intro {
+    height: 200px;
+    padding-left: 10%;
+  }
+
+  .home-content {
+    height: 30%;
+    background: none;
+  }
+
+  .know-more {
+    padding-top: 10%;
+    padding-left: 20%;
+    padding-right: 20%;
+    padding-bottom: 10%;
+  }
+
+  .know-more a {
+    color: black;
+  }
+}
+
+/* recent posts */
+.recent-posts {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+/* do things */
+
+.do-things {
+  background-color: #e5e9f2;
+  height: auto;
+  padding: 0;
+  padding-bottom: 0;
+  margin: 0;
+}
+
+.things-i-do {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.things {
+  height: auto;
+}
+
+.things-text {
+  height: 100px;
+  overflow: hidden;
+}
+
+@media only screen and (max-width: 768px) {
+  .do-things-card {
+    padding-left: 15%;
+    padding-right: 15%;
+    padding-bottom: 15%;
+    padding-top: 0%;
+  }
+}
+
+/* about */
+
+.about {
+  height: auto;
+  background-color: #e5e9f2;
+}
+
+.jop {
+  font-size: 30px;
+}
+
+.about-me {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.about-content {
+  font-size: 20px;
+}
+
+.about-content a:hover {
+  text-decoration-line: none;
+  color: black;
+}
+
+@media only screen and (max-width: 768px) {
+  .about {
+    height: auto;
+  }
+}
+
+/* Skill
+.skill {
+    height: 80vh;
+    background-color: #e5e9f2;
+}
+.skill-heading {
+    font-family: 'Alata', sans-serif;
+    font-size: 25px;
+}
+*/
+
+/* Projects */
+.projects {
+  height: auto;
+  background-color: #bd8338;
+}
+
+.project-heading {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.card-title {
+  font-family: "Alata", sans-serif;
+  font-size: 28px;
+}
+
+/* recent posts */
+.blog-back {
+  background-color: #ebb951;
+}
+
+.post-card a:hover {
+  text-decoration-line: none;
+}
+
+.post-hover :hover {
+  background-color: #17a2b8;
+}
+
+/* contact */
+.contact-head {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}