diff --git a/index.css b/index.css index f5bd550..8a70e20 100644 --- a/index.css +++ b/index.css @@ -104,6 +104,13 @@ nav a { color: #fff; text-decoration: none; border-radius: 5px; + transition: all 0.8s ease-in-out; +} + +.btn:hover { + background-color: var(--white); + border: none; + color: var(--black); } /* end of hero */ @@ -185,8 +192,8 @@ nav a { } .team-member .team-img img { - width: 300px; - height: 300px; + width: 250px; + height: 250px; object-fit: cover; border-radius: 50%; } @@ -248,4 +255,15 @@ nav a { flex-direction: column; } +} + +@media screen and (max-width: 700px) { + .team-member .team-img img { + width: 200px; + height: 200px; + } + + video { + width: 80%; + } } \ No newline at end of file diff --git a/index.html b/index.html index 20b2440..7b3dbab 100644 --- a/index.html +++ b/index.html @@ -96,12 +96,12 @@

Team JobCircus

- Team Member 1 + Emmanuel

Emmanuel Jonah

@@ -127,7 +127,7 @@

Team JobCircus

diff --git a/web_flask/static/image/thorbie.jpeg b/web_flask/static/image/thorbie.jpeg new file mode 100644 index 0000000..1cf60e2 Binary files /dev/null and b/web_flask/static/image/thorbie.jpeg differ diff --git a/web_flask/static/video/vid.mp4 b/web_flask/static/video/vid.mp4 new file mode 100644 index 0000000..413a333 Binary files /dev/null and b/web_flask/static/video/vid.mp4 differ