Teams Mockup - Cloned

body { background-color: #f4f4f4; background-repeat: no-repeat; background-size: cover; height: 100%; margin: 0; } .sidebar { height: 100%; width: 250px; position: fixed; top: 0; left: 0; background-color: #404040; padding-top: 20px; color: #fff; } .sidebar a { display: block; padding: 10px 20px; color: #fff; text-decoration: none; transition: background-color 0.3s; } .sidebar a:hover { background-color: #555; } .content { margin-left: 250px; padding: 20px; } .pa

Microsoft Teams

/* =============================== BASICS ================================ */ :root{ --max-w: 1140px; --radius: 18px; --purple: #4b4d90; --purple2: #6f71a6; --bg: #f4f4f4; } body{ background: var(--bg); } /* Keep everything centered & neat */ .teams-wrap{ max-width: var(--max-w); margin: 0 auto; padding: 10px 12px 30px; } /* =============================== HERO (image + light gradient + pill under text) ================================ */ .teams-hero{ position: relative; height: 300px; /* 👈 change height here */ border-radius

NWU New LMS

 


* { box-sizing: border-box; .page-header { color: white } .flex-container { display: flex; flex-direction: row; font-size:x-large text-align: center; } .flex-item-left1 { background-color: #6c3d91; padding: 15px; flex: 33.33%; } .flex-item-center1 { background-color: ""; padding: 0px; flex: 33.33%; width: 100% height: 100% } .flex-item-right1 { background-color: #2e8ea4; padding: 15px; flex: 33.33%; } .flex-item-left2 { background-color: ""; padding: 0px; flex: 33.33%; } .flex-item-center2 { background-