From 870e9cb8aca7f8c44ae0a1fe090058a6f3a9b294 Mon Sep 17 00:00:00 2001 From: Anupama-74 <64727920+Anupama-74@users.noreply.github.com> Date: Mon, 19 Oct 2020 20:08:33 +0530 Subject: [PATCH 1/4] Create style.css --- Anupama/style.css | 83 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 Anupama/style.css diff --git a/Anupama/style.css b/Anupama/style.css new file mode 100644 index 0000000..d385602 --- /dev/null +++ b/Anupama/style.css @@ -0,0 +1,83 @@ +#brand { + margin-left: 15px; + display: flex; + padding: 0; + justify-content: space-between; + height: 150px; +} +#brand img { + height: 100%; + margin-top: -50px; +} +header h1 { + text-align: center; + font-size: 1.5rem; + text-transform: uppercase; + width: 500px; + margin: auto; + animation: topToBottom 1s forwards; +} + +header p { + text-align: center; + font-size: 1.3rem; + margin-bottom: -30px; + font-weight: bold; +} + +main { + width: 60%; + margin: 50px auto; + display: flex; + flex-wrap: wrap; +} +main a { + display: flex; + flex-direction: column; + align-items: center; + /* border: 1px solid; */ + justify-content: center; + width: 30%; + border-radius: 10px; + background-color: var(--secondary-purple); + padding-top: 10px; + margin: 10px; + animation: BottomToTop 1s forwards; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.39); +} +main a:hover { + background-color: var(--secondary-purple-dark); + border: 1px solid var(--main-pink); +} + +main a .thumb { + height: 100px; + width: 100px; + overflow: hidden; +} +main a img { + overflow: hidden; + width: 100%; +} + +@keyframes topToBottom { + from { + opacity: 0; + transform: translateY(-100px); + } + to { + opacity: 1; + transform: translate(0px); + } +} + +@keyframes BottomToTop { + from { + opacity: 0; + transform: translateY(100px); + } + to { + opacity: 1; + transform: translate(0px); + } +} From 992fc2cef6ba52e0d4b0fe87c7204e86f1aa892f Mon Sep 17 00:00:00 2001 From: Anupama-74 <64727920+Anupama-74@users.noreply.github.com> Date: Mon, 19 Oct 2020 20:11:32 +0530 Subject: [PATCH 2/4] Create index.html --- Anupama/index.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 Anupama/index.html diff --git a/Anupama/index.html b/Anupama/index.html new file mode 100644 index 0000000..0597baa --- /dev/null +++ b/Anupama/index.html @@ -0,0 +1,63 @@ + + + + + + Moziety x Hacktoberfest + + + + + +
+
+ Moziety + Hacktoberfest +
+

+ Open Source is changing the world one + pull request at a time. +

+
+

Moz:ety x Hacktoberfest Contributors:

+
+
+ +
+ Manpreet Rathore +
+

Manpreet Rathore

+ + +
+ Prateek Dey +
+

Prateek Dey

+ + +
+ Arpan Abhishek +
+

Arpan Abhishek

+ + +
+ Pratik Mukesh Bharuka +
+

Pratik Mukesh Bharuka

+ +
+ + From d47e301a0e53435b00b111022476282ff3a06887 Mon Sep 17 00:00:00 2001 From: Anupama-74 <64727920+Anupama-74@users.noreply.github.com> Date: Mon, 19 Oct 2020 20:19:39 +0530 Subject: [PATCH 3/4] Update index.html --- Anupama/index.html | 79 ++++++++++++++-------------------------------- 1 file changed, 23 insertions(+), 56 deletions(-) diff --git a/Anupama/index.html b/Anupama/index.html index 0597baa..10935c6 100644 --- a/Anupama/index.html +++ b/Anupama/index.html @@ -1,63 +1,30 @@ - - - - Moziety x Hacktoberfest - - - - - -
-
- Moziety - Hacktoberfest -
-

- Open Source is changing the world one - pull request at a time. -

-
-

Moz:ety x Hacktoberfest Contributors:

-
+ + + + + Anupama Umachagi | @anu74 + + + + + + Back to home
- -
- Manpreet Rathore +
+ thumbnail
-

Manpreet Rathore

- - -
- Prateek Dey +
+ + + + +
-

Prateek Dey

- - -
- Arpan Abhishek -
-

Arpan Abhishek

- - -
- Pratik Mukesh Bharuka -
-

Pratik Mukesh Bharuka

- +

Anupama Umachagi

+

- Freelance Web Developer

- + From 89499c4874b3e5c75534cd355f9f92f093ca0fcf Mon Sep 17 00:00:00 2001 From: Anupama-74 <64727920+Anupama-74@users.noreply.github.com> Date: Mon, 19 Oct 2020 20:20:25 +0530 Subject: [PATCH 4/4] Create global.css --- Anupama/global.css | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 Anupama/global.css diff --git a/Anupama/global.css b/Anupama/global.css new file mode 100644 index 0000000..4b437e0 --- /dev/null +++ b/Anupama/global.css @@ -0,0 +1,36 @@ +@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap"); +:root { + --main-purple: #072540; + --main-pink: #ff73fa; + --secondary-blue: #0069ff; + --secondary-purple: #183d5d; + --secondary-purple-dark: hsl(208, 59%, 10%); + --white: #ffffff; + --primary-blue: #93c2db; +} + +body { + background-color: var(--main-purple); + color: var(--white); + font-family: "Noto Sans JP", sans-serif; + box-sizing: border-box; +} +a { + color: var(--primary-blue); + font-weight: bold; + text-transform: uppercase; + font-size: 0.9rem; + text-decoration: none; + transition: 0.3s; +} +a > i { + font-size: 2rem; + margin: 10px; +} +a:hover { + color: var(--main-pink); + text-decoration: none; +} +.pink { + color: var(--main-pink); +}