Scribd Logo
Upload

Welcome to Scribd!

  • Slap On Sum Images

    Uploaded by

    Vikram Bologanesh
    71 views5 pages

    Original Title

    slap on sum images

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    71 views5 pages

    Slap On Sum Images

    Uploaded by

    Vikram Bologanesh

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <script src="https://cdn.tailwindcss.

    com"></script>
    <link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
    integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aH
    K8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <style>

    body {
    font-family: "Montserrat", sans-serif;
    }

    img {
    aspect-ratio: 1/1;
    }

    ul {
    max-width: 100px;
    }

    ul li a {
    transform: rotate(-45deg);
    }

    .overlay {
    width: calc(100% - 20px);
    top: 10px;
    height: calc(100% - 10px);
    left: 50%;
    transform: translateX(-50%);
    }

    .active {
    opacity: 1;
    border-color: #818cf8;
    }

    .active .overlay {
    background-color: #818cf8b3;
    }

    .active ul {
    opacity: 1;
    }

    .active a {
    color: #1f2937;
    }

    </style>
    <section>
    <div class="px-200 xl:px-5 min-h-screen place-content-center grid sm:grid-cols-2
    lg:grid-cols-3 gap-6 max-w-screen-xl mx-auto teams">
    <h1 class="capitalize text-center mb-5 md:mb-10 sm:col-span-2 lg:col-span-4
    text-4xl sm:text-5xl xl:text-6xl font-extrabold text-transparent bg-clip-text bg-
    gradient-to-r from-pink-400 to-indigo-600">meet our team (hover to contact)</h1>
    <div class="bg-white shadow-lg border-b-4 border-transparent group transition
    ease-in-out delay-150 hover:border-indigo-400 duration-300 cursor-pointer">
    <div class="relative">
    <img src="https://media.istockphoto.com/vectors/pretty-girl-avatar-flat-
    cartoon-style-vector-illustration-vector-id1140166223?
    k=20&m=1140166223&s=170667a&w=0&h=wgeq7igZ8rP0WrzCBGJL70dLF9bPri1nrMXNerQ6kOA="
    alt="Thana Prakash" class="w-full object-cover">
    <div class="overlay absolute bg-indigo-400 bg-opacity-0 group-hover:bg-
    opacity-70 grid place-items-center transition-colors ease-in delay-100">
    <ul class="opacity-0 transition transition-opacity group-hover:opacity-
    100 ease-in-out delay-150 flex flex-wrap gap-1 text-xl place-items-center transform
    rotate-45">
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a
    href="https://www.instagram.com/thananaaaaa_085/"><i class="fa-brands fa-instagram
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a
    href="mailto:thana.prakash@education.nsw.gov.au"><i class="fa-solid fa-envelope
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a
    href="https://www.facebook.com/VidGamesLive"><i class="fa-brands fa-facebook-f
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="https://twitter.com/VideoGameNews"><i
    class="fa-brands fa-twitter text-white"></i></a></li>
    </ul>
    </div>
    </div>
    <div class="pt-5 pb-7 px-5 text-center">
    <h2 class="text-xl font-semibold">Thana Prakash</h2>
    <span class="text-gray-500 capitalize inline-block mt-1 mb-4">Space Game
    Developer</span>
    <p class="text-gray-500">Email: <a href="#" class="font-medium group-
    hover:text-gray-800">thana.prakash@education.nsw.gov.au</a></p>
    </div>
    </div>

    <div class="bg-white shadow-lg border-b-4 border-transparent group transition


    ease-in-out delay-150 hover:border-indigo-400 duration-300 cursor-pointer">
    <div class="relative">
    <img
    src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBERERURExQQEREXERc
    REREXERARERERFxMYGRkUFxkaIiwjGhwoIBgXJDUkKC0xMjMyGiQ4PTgwPCwxMi8BCwsLDw4PHRERHTEpIy
    gxLzEyLzExMTEzNzExMTExMTExMjExMTcxMTExMTExMTExMTExMTExMTExMTExMTExMf/
    AABEIAOEA4QMBIgACEQEDEQH/xAAcAAEAAgMBAQEAAAAAAAAAAAAABAUCAwYBBwj/
    xAA9EAACAQMBBQUEBwYHAQAAAAAAAQIDBBEhBRIxQVEGYXGBkSIyobEHE0JSwdHhFDNigqLwJHKDkrLC8SP
    /xAAaAQEAAgMBAAAAAAAAAAAAAAAABAUBAgMG/
    8QAMBEAAgECBAIIBwADAAAAAAAAAAECAxEEEiExQVEFImGBkaHB8BMyQnGx0eEjUvH/
    2gAMAwEAAhEDEQA/
    APswAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANUq0VxlFeaMHd0/
    vL4mUmzDklxJAI/wC10/
    vL0ZnGtB8JR9ULPkYzLgzaADBsAAAAAAAAAAAAAAAAAAAAAAAAAAAADCc0llvC6gGZprXEIcXr0WrINxfN6
    R9ldeb/ACIZ1jS5keddLSJMq7Qk/
    dSj38WRZ1ZS4yb89DEHZQS2I8pyluzw9GDzBsaXR6eHoMIyewnKPBteDwSad/
    NccSXoyKA4p7mYylHZlxRuoT0zh9HoSDnyTb3ko6P2o/FeBxlS5EiFf/
    Ytwa6dSM1lPKNhxJIAAAAAAAAAAAAAAAAAAAMJTUU29EuIBjVqKCy+HzfRFTcV5Teui5Lkhc1nOWeXJdEai
    TCFtXuQ6tXNotgAQtr7Rp2tCdep7kI5wuM5PSMF3t4R0bscUm3ZGvbO2KFnT+srSxnSEFrUqS6RXPx4LmfO
    drdvbuq2qO7bQ5YUZVGu+UlheS8znNq7TrXVWVaq8zlwj9mnDlTiuSXx4kQrauIlJ9XRHosL0dTpxTqK8vJ
    dxNnta5m8zr15/wCarOS9G8GK2hWTzCrWj4VZx+TIgOF2WGSO1i6tO1e0KWMXFSSX2ajVVPuzNN/
    E6PZ30jT0VxRjJc5024v0llP1RwR42bxqzjsyPUwlCa60V+PwfWI9v7SUowhC4lOVSFNJwhFJzkorL3n15F
    1tzblCzpupVmk8NwprDqTa5KPTveiPh1KUlKM1mLjJSjh4kpJ5Ul0aYrTdWeJzblJpTnJym0m8bzereOJ3W
    JlZriQZdGUrpptR8W/15s/
    QVOe9FSXBpNeDWTM46l21o1Lm3tbeMpwnUVOdSUXBbuGkoJ65ylq1+nYkyM4yvlZT1KU6ds6tfUzo1ZQeV5
    rk/
    Et7euprK481zTKUyo1XCW8vTquhicM33M06mTR7F8DVRqKcVJf+PobSMTQAAAAAAAAAAAAAAAVe0a+XuLgu
    PeyddVdyDfPgvEpTtSjfUj152WVAAHcig+U/
    SLt+FxVhbUpb1KnJyqyXuyrcMJ81Fb2vWT6Hb9tdoytrCrUi2qkkqMJLjGVT2d5d6W8/
    I+MUILGXpgi4mpZZUWfRtBSl8R8Nvf4PQeMxVVECzL9ySepmAmAZB42j0AGDbfBYNlKlu6syeIrL9PyNE6r
    ZlX4HJ5Y6t3Z0PYe3dfaVHHCm5Vpdyinh/
    wC6UV5n2g4X6Ldn04207ha1J1HTb+7CD0ivFvL8uh3RZYeOWB53HVfiVn2aAAHYhm+yr7ksP3Xo+59S5OfL
    Wxrb0MPjHR+HJnCrHiSaE/
    pZLABxJIAAAAAAAAAAABV7SqZko9Fl+LIZlWlvScurfoYkuCsrFfOWaTYABsanIfSbDNgnyjcQb8HGS+bR8
    l+s9Oh9x7V2DubGvSSzN03OmutSDU4rzcUvM+E5yQsQusXHR0v8btwfoiQpJmmawzw8abWFx4LxIyVixlPM
    tTqY9hL6dKFaCo1IzpxqRiqu7USlFPDU0lnXqV9fsztGn71tX/liqi/
    obPsde6pWdt9ZVluUqVKKk+ekVFRS5tvCS7zjJ9ptr3DcrSycKP2HOlJykuu9KUYvyT8WaKTZocHPZ90uNC
    5Xjb1l/
    wBTOlsm7m8Rt7mX+hWS+R3MNsdoovW1hLudKOPWNQ7yznUlSpyqQVOq6cXUpqSkoTcVvRyuOHlGXK3Izd8z
    5FYdhdoVmt6nG3jzlVnHOO6McvPjgsO0/
    YynZWKrRnOrWjVh9bNrdjuSzHEYrgt5x1bbOq7Udo7m1qxpULOrXzBTdXcqyppttbqUE8tY11XFHKbZ7SbT
    r0KlGtZOFKcMSn+zXMHBJ53t6Ta0xnUJyepg6P6Ln/
    gZ91zLH+yB2hzX0f2bo7OpZ4z3q78Jv2f6VE6UtaStBfY89iGnVk1zYABucgb7GpuzXR+y/
    wADQeJ418zDV1YzF2dzoQYQllJ9Un6mZDLEAAAAAAAAAGqu8Qk/4X8jaR7z93Lw/
    FGUrsxJ2TKY9AJhXAAAA+JdstjO1vZ04Rbp1H9bRSTeVJv2Elx3ZZWOmD7aQr6Ecqo4xc4RluSwt6KljKT5
    Zws+BGxTSp5nwJuAb+NlXH/p8BnCUW4yUoyXGMk4yXinqid2etHXvKFFa71eG9/ki9+f9MZH0/
    tDsenf0ZRajGvFOVCpzUvuN/
    dfBrz5FL9GOxJJ1LypFx96hRT45TxUl6rd8pFfGonFsu5Ryux9Br0IVMKcYzSkppSSaUlwlh80cr2j7TXFN
    1o2lOElRnCncXNWTjb0qs8Ygse80tZPKUdM8TrjGpThOnOlOEZ0p+/
    Br2ZPrpz0WvcYjlv1tjjUzuPU3OD2H2pv5XVahWhbXFKi0q9a3lKUYQyk6kW29+EW1vYw1q8aHfEPZWy7e0
    jKFvSp0VPSeE8tdNeC8CYZqZL9QUviW65x/a/b1ahOVOFSnawjQnU/
    aalOdSNWvGKlG2go8JNOLy88Vo2RNi3m0Ly2hSuEpQvIVIKtGEoToxpuP1qqcV7UJPdentaNHb1qMKkdycI
    Tjne3ZRi1vYxnXgzbF4UYpKMYrdjGKUYxXRJaI3punomtTjV+MszT0szyEFGKjFKMYpRilwUUsJLyMwC1KM
    AAyAAAC3sZZpx816MkkPZj/wDn/
    MyYRJfMyfTfVQABqbgAAAAAAj3v7uXgvmiQarhZhJfwv5GVuay2aKQAEuxXgAGQDTcU95f3rE3A0nBTi4s3
    pVJU5qcd0UjpuEk+WdH+Ba0YpRSSSXRLCPKlHOq/Q9o6x8JOL8SnlQlSlZ+J6GGJhXjeO/
    FcjMAGpsDBTj1XqiPebRo0WlVqU6Tkm478t1Sxxw2RJ7bsEsu4tF/
    q0vzDvwNktLtMs1UWcLXTL7jNfqQdm7Qt66f1E41YxeJSgpOG9ppv4w3qtM51J8TrQg3USI2KnkpSfZbxMg
    AXBQAAAAAAFpsz93/M/wACYRbGOKcfN/
    ElESXzMn09IoAA1NwAAAAAAAACgqQ3ZNdG0eEraNPE97lJfFf2iKTIu6uV0o5ZNAAGTAAAB4QoVtypJP3W2
    n3e1oyaVdbWbw08vR8iBj/ki+30LToqznNPl6lm481quT5HhX0606Tx6xfBk2nc05/
    wPo+HqV6kmWkoOJF2ps2ndUnSqLK4xktJQlylF8mcJd9iLlScYOlVpvhJy3Hj+KL4eTZ9KcGvz5GJ0TaNqd
    ecNIvQpuyexnY2qoycXN1JVZ4baUpYSSfPCUVnuLtHiiek3Bxveb98yo6RqXah3/
    r1PQATisAAAABvs6e9UXRe0/
    L9cGJOyuZSu7FrTjuxS6LHwNgBDLEAAAAAAAAAAAAj3lLfg1zWqKY6EqL+huy3l7r+D6HalLgRq8PqIwAO2
    5GBDvb2NJY96b4R6Lqzbc1404uT5LRc2+hzlWo5ScpatvLK/H4z4Kyw+Z+X95XLHo/B/Geefyrz/
    nOxsuLqdTjJ4+6tI+hJtX7Mf75kAtrO1cqMZR1eWmuejfD4FNSz1Jt6t279179C/
    k4UopbLy9+7lhUpKWj9eaIlS1kuHtL4k5gluKZHjNrYrIVZw4Nx7v0MLjadWLwtzhx3VktWiBti29hVODTU
    fGL/
    AFNJwnkeV7am6nBySkt9CLR2tNP28SXXRNeGC3oXEai3ovxXNPvOZNttXlTkpLzXVdBhcfOk8s3ePmvt7/
    vDF9HwqpyhpLyf3/
    fjdHTgwp1FJKS1TWUZnobnm2rAAGQCz2fS3Y7z4y+XIhWtDfljktZeHQuTjVlwJFCH1HoAOBKAAAPAegAAA
    AAAAGurTU4uL4M2AA567f1Ut2WW+K6NdSFO4k+5d35nSXlpGrHdej+zLmmc1c20qUt2S8Hya6orcfWxKejt
    Hs08Xv527CXg6GH5dbt18Pd+0rL+rlqPTV+JFLdRWc4WevM9ayVKdkW1ynOn7OU1Og1waqNeTSf5lHd26S3
    orHVfiXPZOWlSPfGX/JfgTsBK1Zdt/
    wAEbGK9F935LKdCS4rPfxNLgunzLUYLxpPdFOm1syshS6LPxMrux36NSL95x9nuktV8UixBhxTTjbRmc0k8
    19UfOjJ0pfdl6MmXFDcuZQ5Kba8Gt5fNEo8xNOLyvgegzXSa4kfZlzJJxT4apPh3lpC5XPTv4ohbqznGvU9
    O9LG1qXyvTk9V/
    O6xEr4SjWd5LXmtGWaeeGplCLk0lq2V1spykoxy5Pl+Z0tpb7kdcOTXtPl4LuLzDY9V4t5bNd68fQpq+BdK
    S6114Pw9Tbb0VCOFx5vqzcAb7myVtEAADIAAAAAAAAAAAAAAANFxbwqR3ZLK5dU+qN4MNJqzMptO6OZvdmz
    p6r24feXFeK/
    EgnaFddbLp1NV7Muq4PxRV1+j+NJ9z9H+yfSxnCp4nOTimsdVgz7LSxWnB86b9YyX5sl19l1YcFvrrHV+nE
    gbLzC9inlZ3k09HrFv5kWhGVKtHOmtV56epJm41KUsrvo/I64AHoSlAAAOU2xHF431jF/0Y/AxN+34/
    wCJp99NeuZo22+zK0/s7q6y9n4cTz2IpylXlGKvqXVOaVKLk7aIhkq0sZ1XwxHnN8PLqW1rsiENZe2+/
    RenPzLNIkUOj29avgvV/
    rxI9XGLaHiRrS0hSWIrXnJ8WSgC1jFRVlsV7bbuwADYwAAAAAAAAAAAAAAAAAAAAAAAADCUItptJtaptJte
    BmADFxR5uIzABhuI93UZAAw3FnOFnGM4WcdDMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//9k=" alt="Tarun"
    class="w-full object-cover">
    <div class="overlay absolute bg-indigo-400 bg-opacity-0 group-hover:bg-
    opacity-70 grid place-items-center transition-colors ease-in delay-100">
    <ul class="opacity-0 transition transition-opacity group-hover:opacity-
    100 ease-in-out delay-150 flex flex-wrap gap-1 text-xl place-items-center transform
    rotate-45">
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-instagram
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-solid fa-envelope text-
    white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-facebook-f
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-twitter text-
    white"></i></a></li>
    </ul>
    </div>
    </div>
    <div class="pt-5 pb-7 px-5 text-center">
    <h2 class="text-xl font-semibold">Tarun</h2>
    <span class="text-gray-500 capitalize inline-block mt-1 mb-4">Game
    Developer</span>
    <p class="text-gray-500">Email: <a href="#" class="font-medium group-
    hover:text-gray-800">tarun@education.nsw.gov.au</a></p>
    </div>
    </div>

    <div class="bg-white shadow-lg border-b-4 border-transparent group transition


    ease-in-out delay-150 hover:border-indigo-400 duration-300 cursor-pointer">
    <div class="relative">
    <img src="https://img.freepik.com/premium-vector/avatar-portrait-kid-
    caucasian-boy-round-frame-vector-illustration-cartoon-flat-style_551425-43.jpg?
    w=2000" alt="Tarun" class="w-full object-cover">
    <div class="overlay absolute bg-indigo-400 bg-opacity-0 group-hover:bg-
    opacity-70 grid place-items-center transition-colors ease-in delay-100">
    <ul class="opacity-0 transition transition-opacity group-hover:opacity-
    100 ease-in-out delay-150 flex flex-wrap gap-1 text-xl place-items-center transform
    rotate-45">
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-instagram
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-solid fa-envelope text-
    white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-facebook-f
    text-white"></i></a></li>
    <li class="w-11 h-11 bg-gray-700 flex items-center justify-center
    cursor-pointer hover:bg-gray-600"><a href="#"><i class="fa-brands fa-twitter text-
    white"></i></a></li>
    </ul>
    </div>
    </div>
    <div class="pt-5 pb-7 px-5 text-center">
    <h2 class="text-xl font-semibold">Tarun</h2>
    <span class="text-gray-500 capitalize inline-block mt-1 mb-4">Game
    developer</span>
    <p class="text-gray-500">Email: <a href="#" class="font-medium group-
    hover:text-gray-800">tarun@education.nsw.gov.au</a></p>
    </div>
    </div>

    </div>
    </section>

    You might also like