diff --git a/Calander/AdyaTech/day70.css b/Calander/AdyaTech/day70.css new file mode 100644 index 000000000..7990ab481 --- /dev/null +++ b/Calander/AdyaTech/day70.css @@ -0,0 +1,62 @@ +@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300); + +.frame { + position: absolute; + top: 50%; + left: 50%; + width: 400px; + height: 400px; + margin-top: -200px; + margin-left: -200px; + border-radius: 2px; + box-shadow: 4px 8px 16px 0 rgba(0,0,0,0.1); + overflow: hidden; + background: #fff; + color: #333; + font-family: 'Open Sans', Helvetica, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.container { + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; +} + +.grid-item { + height: 200px; + text-align: center; + background: #E27474; + color: white; + display: flex; + scale: 1; + flex-direction: column; + align-items: center; + justify-content: center; + transition: all 0.5s ease-in-out; +} + +.grid-item:hover { + box-shadow: inset 0 0 2px 4px #000000; +} + +.grid-item p { + font-size: 20px; + margin: 0; /* Remove default margin to avoid extra spacing */ +} + +.grid-item h1 { + font-size: 4em; + margin: 0; /* Remove default margin to avoid extra spacing */ +} + +.grid-item .konten { + line-height: 1; + transition: all 0.5s ease-in-out; +} + +.grid-item:hover .konten { + transform: scale(0.9); +} + \ No newline at end of file diff --git a/Calander/AdyaTech/day70.html b/Calander/AdyaTech/day70.html new file mode 100644 index 000000000..2cdd718e7 --- /dev/null +++ b/Calander/AdyaTech/day70.html @@ -0,0 +1,37 @@ + + +
+Friday
+Saturday
+Sunday
+Monday
+