माझा ब्लॉग
  • मुखपृष्ठ
    • टेक लेख प्रोग्रॅमिंग, साधने
      • HTML मूलभूत
      • CSS लेआउट
        • ES6 फीचर्स
        • DOM हँडलिंग
        • API फेच
    • प्रवास कथा
    • रिव्ह्यू
    • टीम
    • संपर्क
    • प्रायव्हसी पॉलिसी
  • संपर्क

ब्लॉग होम

इथे तुमचा कंटेंट येईल.

.header-container { display:flex; justify-content:space-between; align-items:center; padding:5px 30px; background:#4CAF50; color:white; flex-wrap:wrap; } .header-logo img {height:70px; width:auto;} .header-center {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0 20px;} .header-center .school-name {font-size:28px; font-weight:bold;} .header-center .school-slogan {font-size:16px; font-style:italic;} .header-right-info {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; font-size:16px; line-height:1.5;} .header-right-info div {margin-bottom:2px;} nav {background:#333; overflow:hidden;} nav ul {list-style:none; text-align:center;} nav ul li {display:inline-block; margin:0 10px;} nav ul li a {color:white; text-decoration:none; padding:10px 15px; display:inline-block; font-size:16px;} nav ul li a:hover {background:#ddd; color:black;} .idcard-slider {max-width:260px; margin:20px auto; position:relative; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.3);} .id-slide {display:none;} .id-slide img {width:100%; height:340px; object-fit:cover; border-radius:12px;} .id-slide div {text-align:center; font-weight:bold; margin-top:5px;} .prev, .next {cursor:pointer; position:absolute; top:45%; padding:8px; color:white; font-weight:bold; font-size:18px; border-radius:50%; background:rgba(0,0,0,0.6); user-select:none;} .next {right:5px;} .prev {left:5px;} .noticeboard {background:#fff; padding:20px; margin:20px auto; max-width:800px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.2);} .noticeboard h2 {text-align:center; margin-bottom:15px;} .noticeboard ul {list-style:none;} .noticeboard ul li {padding:5px 0; border-bottom:1px solid #ccc;} .main-content {padding:20px; text-align:center;} footer {background:#333; color:white; text-align:center; padding:10px;} @media screen and (max-width:768px){ .header-container {flex-direction:column; text-align:center; height:auto;} .header-center {margin:10px 0;} .header-right-info {align-items:center;} nav ul li {display:block; margin:5px 0;} } -->