diff --git a/Templates/3D Theme/index.html b/Templates/3D Theme/index.html index 08dccf5b1..c3d61d089 100644 --- a/Templates/3D Theme/index.html +++ b/Templates/3D Theme/index.html @@ -1,35 +1,37 @@ - - - - - 3D Theme - - - - User Photo - 3D Theme by Farell Faiz - -
- - - - - - - - - - - - -
- - - + + + + + 3D Theme + + + + User Photo + 3D Theme by Farell Faiz + +
+ + + + + + + + + + + + +
+ + \ No newline at end of file diff --git a/Templates/DarkMode/index.html b/Templates/DarkMode/index.html index 4135829fb..e58979e9c 100644 --- a/Templates/DarkMode/index.html +++ b/Templates/DarkMode/index.html @@ -1,25 +1,37 @@ - - Homer Simpson + + Your name + - + - - User Photo + + User Photo + + + @user - @thesimpsons - + +

Hello, I am _____!

- - - +

Contact me through the links below:

+ + +
+ Personal website + + + WhatsApp + + Facebook + Instagram + Twitter +
\ No newline at end of file diff --git a/Templates/DarkMode/style.css b/Templates/DarkMode/style.css index 7995ba80d..c76a85e17 100644 --- a/Templates/DarkMode/style.css +++ b/Templates/DarkMode/style.css @@ -1,56 +1,71 @@ /* Style Settings */ @import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap'); :root { - --bgColor:#1C1C1C; - --accentColor: #E6E6E6; + --black:#0F0E0E; + --white: #F0F1F1; --font: 'Karla', sans-serif; } +* { + box-sizing: border-box; + padding: 0; + margin: 0; +} + body{ - background-color: var(--bgColor); + background: linear-gradient(to bottom, #0F0E0E, #1b1a1a); + background-repeat: no-repeat; + background-size: cover; + text-align: center; + color: var(--white); + font-size: 1rem; + font-family: var(--font); + height: calc(100vh - 35px); +} + +h1 { + font-size: 2rem; + margin-top: 16px; + margin-bottom: 8px; } #userPhoto{ width: 110px; height: 110px; display: block; - margin: 35px auto 20px; + margin: 35px auto 8px; border-radius: 50%; } #userName{ - color: #bbb; - font-size: 1rem; + color: #ccc; font-weight: 600; line-height: 1.25; display: block; - font-family: var(--font); width: 100%; - text-align: center; text-decoration: none; } -#links{ - max-width: 675px; +.links{ + max-width: 400px; width: auto; display: block; margin: 27px auto; } + .link{ display: block; - background-color: var(--accentColor); - color: var(--bgColor); - font-family: var(--font); - text-align: center; - margin-bottom: 20px; + background-color: var(--white); + color: var(--black); + margin-bottom: 12px; padding: 17px; text-decoration: none; - font-size: 1rem; transition: all .25s cubic-bezier(.08,.59,.29,.99); - border: solid var(--accentColor) 2px; + border: solid var(--white) 2px; + font-weight: bold; } .link:hover{ - background-color: var(--bgColor); - color: var(--accentColor); + background-color: transparent; + color: var(--white); } diff --git a/Templates/blackCoffee/index.html b/Templates/blackCoffee/index.html index a820b1995..eba3edbf2 100644 --- a/Templates/blackCoffee/index.html +++ b/Templates/blackCoffee/index.html @@ -4,133 +4,57 @@ - Document + blackCoffe - - - - - - + + + + + + + - -
-
- -
-
- SNEH PATEL -
-
- Computer Science Student At NIT Surat -
- - - - - - - - - - - - - - - - - +
+
+
+ SNEH PATEL +
+
+ Computer Science Student At NIT Surat +
+ + + + + + + + + + + + + + +
- - \ No newline at end of file diff --git a/Templates/blackCoffee/style.css b/Templates/blackCoffee/style.css new file mode 100644 index 000000000..df37ba77c --- /dev/null +++ b/Templates/blackCoffee/style.css @@ -0,0 +1,74 @@ +* { + margin: 0; + padding: 0; +} + +body { + background: url(' https://images.unsplash.com/photo-1422207258071-70754198c4a2?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjV8fGJsYWNrJTIwYmFja2dyb3VuZHxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60')no-repeat center center/cover; + + /* https://images.unsplash.com/photo-1616963695013-f82e63721bcf?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80 */ + height: 100vh; +} + +.container { + width: 300px; + height: auto; + display: flex; + justify-content: center; + flex-direction: column; + margin: auto; + margin-top: 40px; +} + +.image { + border: 0px solid white; + height: 100px; + width: 100px; + border-radius: 100px; + margin: auto; + background: url('https://images.unsplash.com/photo-1513789181297-6f2ec112c0bc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGFja2VyfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60')no-repeat center top/cover; + box-shadow: 2px 2px 30px 1px black; +} + +.name { + text-align: center; + color: white; + font-family: 'Bebas Neue', cursive; + font-size: 33px; +} + +.discription { + text-align: center; + color: white; + font-family: 'Bebas Neue', cursive; +} + +.link { + text-align: center; + height: 70px; + width: 100%; + background-color: #f1f3f5; + font-family: 'Noto Sans Display', sans-serif; + margin-top: 15px; + border-radius: 8px; + box-shadow: 2px 1px 20px 6px #000000d1; + opacity: 0.96; + color: black; + text-decoration: none; +} + +.link:hover { + opacity: 0.9; +} + +.fab { + margin: 0 0; + color: black; + font-size: 24px; + margin-top: 12px; +} + +.platform { + color: black; + text-decoration: none; +} \ No newline at end of file