diff options
author | gurusabarish <gurusabarisha@gmail.com> | 2022-02-13 08:56:08 +0300 |
---|---|---|
committer | gurusabarish <gurusabarisha@gmail.com> | 2022-02-13 08:56:08 +0300 |
commit | 006bf5abcd35b6ad85ef0836bdd05896d9f68198 (patch) | |
tree | 513deca0e6f062ad14dbb51bcb45427868b7b701 /static | |
parent | a8ec5d338841d2d8b2e9cd324290ca421722bcc9 (diff) |
added projects,contact in home and added list page for project
Diffstat (limited to 'static')
-rw-r--r-- | static/css/index.css | 28 | ||||
-rw-r--r-- | static/css/projects.css | 56 |
2 files changed, 84 insertions, 0 deletions
diff --git a/static/css/index.css b/static/css/index.css index a0f7553..6b15280 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,7 +1,13 @@ +/* achievements */
+
#achievements a {
text-decoration: none;
}
+#achievements h3 {
+ color: var(--text-secondary-color) !important;
+}
+
#achievements .card {
background-color: var(--secondary-color) !important;
border-radius: .75rem;
@@ -21,3 +27,25 @@ color: var(--text-secondary-color) !important;
}
+/* contact */
+
+#contact h3 {
+ color: var(--text-secondary-color) !important;
+}
+
+
+#contact .btn {
+ transition: none;
+ transition: opacity 0.3s;
+ border-radius: .5rem !important;
+ border-color: var(--primary-color) !important;
+ background-color: var(--secondary-color) !important;
+}
+
+#contact .btn:hover {
+ opacity: .7;
+}
+
+#contact .btn:focus {
+ box-shadow: none !important;
+}
\ No newline at end of file diff --git a/static/css/projects.css b/static/css/projects.css new file mode 100644 index 0000000..417d461 --- /dev/null +++ b/static/css/projects.css @@ -0,0 +1,56 @@ +/* projects */
+
+#projects h3 {
+ color: var(--text-secondary-color) !important;
+}
+
+#projects a {
+ text-decoration: none;
+}
+
+#projects .card {
+ background-color: var(--secondary-color) !important;
+ box-shadow: 0px 8px 56px rgb(15 80 100 / 16%);
+ min-height: 400px;
+ overflow: hidden;
+ border-radius: 1rem;
+}
+
+#projects .card:hover {
+ box-shadow: 0 0 11px rgb(15 80 100 / 20%);
+ transition: transform 0.3s;
+ transform: translateY(-7px);
+}
+
+#projects .card .card-head {
+ height: 172px;
+ -o-object-fit: cover;
+ object-fit: cover;
+ overflow: hidden;
+ border-top-left-radius: 1rem;
+ border-top-right-radius: 1rem;
+}
+
+#projects .card .card-footer {
+ border-bottom-left-radius: 1rem;
+ border-bottom-right-radius: 1rem;
+}
+
+#projects .card:hover .card-img-top {
+ transform: scale(1.2);
+ transition: all 0.3s ease-out;
+}
+
+#projects .card-img-top {
+ transition: transform 0.3s;
+}
+
+#projects .float-end .btn {
+ transition: none;
+ border-radius: .5rem !important;
+ border-color: var(--primary-color) !important;
+}
+
+#projects .float-end .btn:focus {
+ box-shadow: none !important;
+}
\ No newline at end of file |