diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..617a5a6 Binary files /dev/null and b/.DS_Store differ diff --git a/index.html b/index.html index 25d5342..87cd886 100644 --- a/index.html +++ b/index.html @@ -54,3 +54,4 @@

Vinit

+ diff --git a/template/Geraldine/Assets/.DS_Store b/template/Geraldine/Assets/.DS_Store new file mode 100644 index 0000000..d6145b8 Binary files /dev/null and b/template/Geraldine/Assets/.DS_Store differ diff --git a/template/Geraldine/Assets/images/1.jpg b/template/Geraldine/Assets/images/1.jpg new file mode 100644 index 0000000..ad1fcc2 Binary files /dev/null and b/template/Geraldine/Assets/images/1.jpg differ diff --git a/template/Geraldine/Assets/images/2.jpg b/template/Geraldine/Assets/images/2.jpg new file mode 100644 index 0000000..cd59677 Binary files /dev/null and b/template/Geraldine/Assets/images/2.jpg differ diff --git a/template/Geraldine/Assets/images/3.jpg b/template/Geraldine/Assets/images/3.jpg new file mode 100644 index 0000000..b491ab0 Binary files /dev/null and b/template/Geraldine/Assets/images/3.jpg differ diff --git a/template/Geraldine/Assets/images/4.jpg b/template/Geraldine/Assets/images/4.jpg new file mode 100644 index 0000000..13bff38 Binary files /dev/null and b/template/Geraldine/Assets/images/4.jpg differ diff --git a/template/Geraldine/LICENSE b/template/Geraldine/LICENSE new file mode 100644 index 0000000..6cbe7cc --- /dev/null +++ b/template/Geraldine/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2017 Vinit Shahdeo + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/template/Geraldine/index.html b/template/Geraldine/index.html new file mode 100644 index 0000000..875401c --- /dev/null +++ b/template/Geraldine/index.html @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + Geraldines Website + + + + + + + + + + + + + +
+ +
+ + +
+ +

Welcome, I am Geraldine, a Web designer

+ + +

Let's Connect Your@gmail.com

+
+ +
+ + + +
+ + + +
+
+ + + + Image 1 of your project + +
+
+ + + + Image 2 of your project + +
+
+ + + + Image 3 of your project + +
+
+ + + + Image 4 of your project + +
+
+ + +
+ +

I enjoy making interactive Websites.

+

For this project, I used generative AI to create the images.

+ +
+ + + + + + \ No newline at end of file diff --git a/template/Geraldine/style.css b/template/Geraldine/style.css new file mode 100644 index 0000000..fd9e749 --- /dev/null +++ b/template/Geraldine/style.css @@ -0,0 +1,169 @@ +body{ + background-color: #2C3E50;/* change the background color */ + text-align: center; + font-family: 'Mulish', sans-serif;/* Fonts */ + text-decoration: none; + display: inline-block; +} + +body {margin: 0;} + +a.link {color: #F2B138;} + +h1 { + font-family: 'Nunito Sans', sans-serif;/* Fonts */ + font-size: 32px; + padding: 5px; +} + +.intro { + animation: animateText 7s infinite;/* change speed of animation */ +} + +@keyframes animateText { + 0% { + opacity: 0; + transform: translateX(-20px); + } + 50% { + opacity: 1; + transform: translateX(0); + } + 100% { + opacity: 0; + transform: translateX(20px); + } +} + + + +h3, h4 { + font-family: 'Nunito Sans', sans-serif;/* Fonts */ + font-size: 26px; + padding: 15px; +} + +p { + font-family: 'Nunito Sans', sans-serif; + font-size: 20px; +} + + + +ul.topnav { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #2C3E50; +} + +ul.topnav li {float: left;} + +ul.topnav li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +ul.topnav li a:hover:not(.active) {background-color: #E74C3C;} + +ul.topnav li a.active {background-color: #F2B138;} + +ul.topnav li.right {float: right;} + +@media screen and (max-width: 600px) { + ul.topnav li.right, + ul.topnav li {float: none;} +} + + + +div { +padding-top: 10px; +padding-bottom: 10px; +padding-left: 10px; +padding-right: 10px; +color: white; +} + + + +.gallery { + display: grid; + grid-template-columns: repeat(2, 1fr); /* Adjust the number of columns */ + gap: 20px; /* Adjust the gap between images */ +} + +.image { + display: flex; + justify-content: center; + align-items: center; +} + +.image img { + max-width: 100%; + height: auto; +} + + + +.image { + display: flex; + justify-content: center; + align-items: center; + position: relative; +} + +.image img { + max-width: 100%; + height: auto; + transition: transform 0.3s ease; +} + +.image:hover img { + transform: scale(1.1); +} + +.image::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + transition: opacity 0.3s ease; +} + +.image:hover::after { + opacity: 1; +} + + +ul.social-links li{ + list-style: none; + display: inline-block; + margin: 10px 10px; + padding: 10px; + font-size: 30px; + text-align: center; + text-decoration: none; + +} + + +ul.social-links li a { + padding: 0 20px; + +} + +.fa{ +color:white; + opacity: 0.8; +} + .fa:hover{ + opacity: 0.8; + color:#E74C3C; + } \ No newline at end of file