commit 5023ecb9846d12c44156521576f8a81d9778e59c Author: Eero Holmala Date: Mon Sep 12 11:17:09 2022 +0300 Initial commit diff --git a/bg1.jpg b/bg1.jpg new file mode 100644 index 0000000..050a6d9 Binary files /dev/null and b/bg1.jpg differ diff --git a/bg2.jpg b/bg2.jpg new file mode 100644 index 0000000..1c2a4d9 Binary files /dev/null and b/bg2.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..946278d --- /dev/null +++ b/index.html @@ -0,0 +1,21 @@ + + + + + + + Portfolio + + +
+
+
+

Title

+

Content of the card.

+
Click
+
+
+ + + + \ No newline at end of file diff --git a/inspiration/green_windows.PNG b/inspiration/green_windows.PNG new file mode 100644 index 0000000..2473de4 Binary files /dev/null and b/inspiration/green_windows.PNG differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..d167cf4 --- /dev/null +++ b/script.js @@ -0,0 +1 @@ +// document.write("Test") \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6b35166 --- /dev/null +++ b/style.css @@ -0,0 +1,45 @@ +html { + background-image: url("bg1.jpg"); +} + +body { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + color: aliceblue; +} + +.card { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 20vw; + + border-color: black; + border-radius: 1em; + background: linear-gradient(90deg, rgba(28,212,82,0.8323530095632002) 3%, rgba(109, 236, 131, 0.747) 100%); +} + +.card h4 { + height: 0.1vh; +} + +.btn { + margin: 1em; + padding: 0.3em; + padding-left: 2em; + padding-right: 2em; + background-color: aliceblue; + border-radius: 0.2em; + background: linear-gradient(90deg, rgb(151, 255, 119) 0%, rgb(204, 255, 188) 30%, rgb(204, 255, 188) 60%, rgba(151, 255, 119,1) 100%); + color: black; +} + +.btn:hover { + transition: 0.3s opacity ease-in-out; + cursor: pointer; + background: linear-gradient(90deg, rgb(151, 255, 119) 0%, rgb(234, 255, 228) 30%, rgb(234, 255, 228) 60%, rgba(151, 255, 119,1) 100%); +} +