2026-02-09 11:06:47 -05:00
{% load static %}
<!DOCTYPE html>
< html lang = "en" >
< head >
< title >
2026-02-10 03:01:40 -05:00
(shinobi test) Card Players Unite / card tournaments and events near you
2026-02-09 11:06:47 -05:00
< / title >
< link rel = "stylesheet" href = "{% static '/listing/listing.css' %}" >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "/listing/listing.css" >
< link href = "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Sen:wght@400;700;800&display=swap" rel = "stylesheet" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" >
< / head >
< body >
< div class = "navbar" >
< div class = "navbar-container" >
< div class = "logo-container" >
< h1 class = "logo" >
Card Players Unite
< / h1 >
< / div >
< div class = "menu-container" >
< ul class = "menu-list" >
< li class = "menu-list-item active" > Home< / li >
< li class = "menu-list-item" > Tournaments< / li >
< li class = "menu-list-item" > Teams< / li >
< li class = "menu-list-item" > Login< / li >
< / ul >
< / div >
< div class = "profile-container" >
< div class = "toggle" >
< i class = "fas fa-moon toggle-icon" > < / i >
< i class = "fas fa-sun toggle-icon" > < / i >
< div class = "toggle-ball" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "sidebar" >
< i class = "left-menu-icon fas fa-home" > < / i >
< i class = "left-menu-icon fas fa-users" > < / i >
< i class = "left-menu-icon fas fa-bookmark" > < / i >
< i class = "left-menu-icon fas fa-tv" > < / i >
< / div >
< div class = "container" >
< div class = "content-container" >
< div class = "featured-content" style = "background: linear-gradient(to bottom, rgba(0,0,0,0), #151515), url('{% static 'listing/imagery/18.jpg' %}');" >
< p class = "featured-desc" >
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto illo dolor deserunt nam assumenda ipsa eligendi dolore, ipsum id fugiat quo enim impedit, laboriosam omnis minima voluptatibus incidunt. Accusamus, provident.
< / p >
< button class = "featured-button" >
LEARN MORE
< / button >
< / div >
< div class = "movie-list-container" >
< h1 class = "movie-list-title" > Alll Tournaments< / h1 >
< div class = "movie-list-wrapper" >
< div class = "movie-list" >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/8.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/9.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/10.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/11.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/12.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/1.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< div class = "movie-list-item" >
< img class = "movie-list-item-img" src = "{% static '/listing/imagery/1.jpg' %}" alt = "" >
< span class = "movie-list-item-title" > Her< / span >
< p class = "movie-list-item-desc" > Lorem ipsum dolor sit amet consectetur adipisicing elit. At
hic fugit similique accusantium.< / p >
< button class = "movie-list-item-button" > Watch< / button >
< / div >
< / div >
< i class = "fas fa-chevron-right arrow" > < / i >
< / div >
< / div >
< div class = "featured-content" style = "background: linear-gradient(to bottom, rgba(0,0,0,0), #151515), url('{% static 'listing/imagery/7.jpg' %}');" >
< img class = "featured-title" src = "{% static '/listing/imagery/f-t-2.png" alt = "" >
< p class = "featured-desc" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto illo dolor
deserunt nam assumenda ipsa eligendi dolore, ipsum id fugiat quo enim impedit, laboriosam omnis
minima voluptatibus incidunt. Accusamus, provident.< / p >
< button class = "featured-button" > 111WATCH< / button >
< / div >
< div class = "featured-content" style = "background: linear-gradient(to bottom, rgba(0,0,0,0), #151515), url('{% static 'listing/imagery/6.jpg' %}');" >
< img class = "featured-title" src = "{% static '/listing/imagery/f-t-2.png" alt = "" >
< p class = "featured-desc" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto illo dolor
deserunt nam assumenda ipsa eligendi dolore, ipsum id fugiat quo enim impedit, laboriosam omnis
minima voluptatibus incidunt. Accusamus, provident.< / p >
< button class = "featured-button" > WATCH< / button >
< / div >
< div class = "featured-content" style = "background: linear-gradient(to bottom, rgba(0,0,0,0), #151515), url('{% static 'listing/imagery/8.jpg' %}');" >
< img class = "featured-title" src = "{% static '/listing/imagery/f-t-2.png" alt = "" >
< p class = "featured-desc" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto illo dolor
deserunt nam assumenda ipsa eligendi dolore, ipsum id fugiat quo enim impedit, laboriosam omnis
minima voluptatibus incidunt. Accusamus, provident.< / p >
< button class = "featured-button" > WATCH< / button >
< / div >
< div class = "featured-content" style = "background: linear-gradient(to bottom, rgba(0,0,0,0), #151515), url('{% static 'listing/imagery/9.jpg' %}');" >
< img class = "featured-title" src = "{% static '/listing/imagery/f-t-2.png" alt = "" >
< p class = "featured-desc" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iusto illo dolor
deserunt nam assumenda ipsa eligendi dolore, ipsum id fugiat quo enim impedit, laboriosam omnis
minima voluptatibus incidunt. Accusamus, provident.< / p >
< button class = "featured-button" > WATCH< / button >
< / div >
< / div >
< / div >
<!--
< script src = "{% static 'listing/listing.js' %}" > < / script >
< script src = "{% static 'listing/features.js' %}" > < / script >
-->
< / body >
< / html >
