diff options
| -rw-r--r-- | assets/css/style.css | 16 | ||||
| -rw-r--r-- | index.html | 27 |
2 files changed, 42 insertions, 1 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 49d2484..45fcd43 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -19,6 +19,10 @@ html, body { overflow: hidden; } +.paginate { + transition: background-color 1s ease; +} + .ContentWrapper { display: flex; min-height: 100vh; @@ -42,6 +46,12 @@ html, body { font-size: 35px; } +.Social img { + border-radius: 100%; + width: 35px; + height: 35px; +} + .ScrollDown { position: relative; cursor: pointer; @@ -79,4 +89,10 @@ a:hover { #slide-numbers { display: none; } +} + +.fa-instagram:before { + background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; }
\ No newline at end of file @@ -44,7 +44,7 @@ </div> </div> - <div class="slide" id="1"> + <div class="slide"> <div class="ContentWrapper"> <div class="About"> <div class="AboutBox"> @@ -68,6 +68,31 @@ </div> </div> + <div class="slide"> + <div class="ContentWrapper"> + <h1>Team</h1> + <div class="Social"> + <div class="marvin"> + <a href="https://marvinborner.me/" target="_blank"><img src="https://avatars3.githubusercontent.com/u/32108934" alt="Marvin Borner"></a> + <a href="https://instagram.com/marvinborner.me/" target="_blank"><i class="fab fa-instagram"></i></a> + <a href="https://t.me/marvinborner" target="_blank"><i class="fab fa-telegram-plane"></i></a> + </div> + <hr> + <div class="marco"> + <a href="https://www.marcoalexanderfischer.de/" target="_blank"><img src="https://avatars0.githubusercontent.com/u/33265753" alt="Marco Alexander Fischer"></a> + <a href="https://instagram.com/hyteyt/" target="_blank"><i class="fab fa-instagram"></i></a> + <a href="https://t.me/hyteyt" target="_blank"><i class="fab fa-telegram-plane"></i></a> + </div> + <hr> + <div class="aakash"> + <a href="https://icarusap.site/" target="_blank"><img src="https://icarusap.site/assets/images/Aakash_avatar.png" alt="Aakash Pawar"></a> + <a href="https://instagram.com/ic.a.r.us/" target="_blank"><i class="fab fa-instagram"></i></a> + <a href="https://t.me/IcarusAP" target="_blank"><i class="fab fa-telegram-plane"></i></a> + </div> + </div> + </div> + </div> + </section> <script src="./assets/js/jquery.js"></script> |