CoolFace
Apppublic

inderjeet/esd_study_guide

sourceHugging Faceupdated 5mo agoView on Hugging Face
0likes
index.html175 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">5<title>ESD Study Guide โ€” NPTEL IIT KGP</title>6<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">7<link rel="stylesheet" href="style.css">8<style>9.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:30px 0}10.hcard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;text-decoration:none;color:var(--text);transition:all .25s;display:block;position:relative;overflow:hidden}11.hcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--green)}12.hcard.o::before{background:var(--orange)}.hcard.b::before{background:var(--blue)}.hcard.p::before{background:var(--purple)}.hcard.y::before{background:var(--yellow)}13.hcard:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-3px)}14.hcard .wks{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:500}15.hcard h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:900;margin-bottom:8px;color:var(--green)}16.hcard.o h3{color:var(--orange)}.hcard.b h3{color:var(--blue)}.hcard.p h3{color:var(--purple)}.hcard.y h3{color:#8B6000}17.hcard p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}18.hcard .topics{display:flex;flex-wrap:wrap;gap:4px}19.hcard .go{display:inline-flex;align-items:center;gap:5px;background:var(--green);color:#fff;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;margin-top:14px}20.hcard.o .go{background:var(--orange)}.hcard.b .go{background:var(--blue)}.hcard.p .go{background:var(--purple)}.hcard.y .go{background:#B8860B}21.how-to{background:var(--yl);border:1px solid #FFD93D;border-left:4px solid var(--yellow);border-radius:8px;padding:18px 22px;margin:24px 0}22.how-to h3{font-weight:800;font-size:15px;margin-bottom:10px;color:#7A5500}23.how-to ol{padding-left:18px;font-size:13.5px;line-height:1.9}24.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}25.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:center}26.stat-box .n{font-family:'Playfair Display',serif;font-size:30px;font-weight:900;color:var(--green);display:block}27.stat-box .l{font-size:11px;color:var(--muted);font-weight:600}28@media(max-width:600px){.stats-row{grid-template-columns:repeat(2,1fr)}}29</style>30</head>31<body>32<nav>33  <a class="nav-logo" href="index.html">๐ŸŒฑ ESD Guide</a>34  <a href="week1-2.html">W1-2</a><a href="week3-4.html">W3-4</a>35  <a href="week5-6.html">W5-6</a><a href="week7-8.html">W7-8</a>36  <a href="week9-10.html">W9-10</a><a href="week11-12.html">W11-12</a>37  <a href="assignments.html">๐Ÿ“ Assignments</a>38  <a href="quickrev.html">โšก Quick Rev</a>39  <a href="extras.html">๐Ÿ“š Extras</a>40</nav>41 42<div class="hero">43  <div class="hero-badge">NPTEL ยท IIT Kharagpur ยท Prof. Atasi Mohanty ยท Jan 2026</div>44  <h1>Education for Sustainable Development</h1>45  <p>Your complete exam guide โ€” all 12 weeks, every assignment answered, case studies, diagrams & 200+ Q&As</p>46  <div class="hero-stats">47    <div class="stat"><span class="n">12</span><span class="l">Weeks</span></div>48    <div class="stat"><span class="n">61</span><span class="l">Lectures</span></div>49    <div class="stat"><span class="n">200+</span><span class="l">Q&As</span></div>50    <div class="stat"><span class="n">120</span><span class="l">Assignment Qs</span></div>51  </div>52</div>53 54<div class="container">55 56  <div class="how-to">57    <h3>๐Ÿ“– How to use this guide</h3>58    <ol>59      <li>Start with the week you're studying โ€” each page covers 2 weeks deeply</li>60      <li>Read the <strong>summary + analogy</strong> first to get the big picture</li>61      <li>Click Q&As to test yourself โ€” try answering before revealing</li>62      <li>Check <strong>Assignments</strong> page โ€” these are actual NPTEL exam questions</li>63      <li>Use <strong>Quick Rev</strong> the night before exam for rapid revision</li>64    </ol>65  </div>66 67  <div class="stats-row">68    <div class="stat-box"><span class="n">17</span><span class="l">SDGs Explained</span></div>69    <div class="stat-box"><span class="n">3</span><span class="l">Case Studies</span></div>70    <div class="stat-box"><span class="n">12</span><span class="l">Assignment Sets</span></div>71    <div class="stat-box"><span class="n">100%</span><span class="l">From Lectures</span></div>72  </div>73 74  <div class="home-grid">75 76    <a href="week1-2.html" class="hcard">77      <div class="wks">WEEK 1 & 2</div>78      <h3>SDGs & ESD Foundations</h3>79      <p>History of SDGs, all 17 goals, what is ESD, 3 pillars, origin conferences, SDG 4 targets.</p>80      <div class="topics">81        <span class="tag">17 SDGs</span><span class="tag">2030 Agenda</span><span class="tag">ESD Definition</span><span class="tag">3 Pillars</span>82      </div>83      <div class="go">Study Week 1โ€“2 โ†’</div>84    </a>85 86    <a href="week3-4.html" class="hcard o">87      <div class="wks">WEEK 3 & 4</div>88      <h3>Global Citizenship & Green Jobs</h3>89      <p>SDG 4.7 six components, GCED, MGIEP, TVET, GIDO/GESO/GNEO, O*NET green occupations.</p>90      <div class="topics">91        <span class="tag o">SDG 4.7</span><span class="tag o">GCED</span><span class="tag o">TVET</span><span class="tag o">Green Jobs</span>92      </div>93      <div class="go">Study Week 3โ€“4 โ†’</div>94    </a>95 96    <a href="week5-6.html" class="hcard b">97      <div class="wks">WEEK 5 & 6</div>98      <h3>Health, Wellbeing & Food</h3>99      <p>Sustainable health principles, 10 health practices, food systems, hunger in India, sustainable consumption.</p>100      <div class="topics">101        <span class="tag b">SDG 3</span><span class="tag b">SDG 2</span><span class="tag b">Health Practices</span><span class="tag b">Food</span>102      </div>103      <div class="go">Study Week 5โ€“6 โ†’</div>104    </a>105 106    <a href="week7-8.html" class="hcard p">107      <div class="wks">WEEK 7 & 8</div>108      <h3>Clean Energy & ESD in Action</h3>109      <p>IPCC, Paris Agreement, NAPCC, Okayama commitment, ESD competencies, teacher education, GAP.</p>110      <div class="topics">111        <span class="tag">SDG 7</span><span class="tag">IPCC</span><span class="tag">Okayama</span><span class="tag">GAP</span>112      </div>113      <div class="go">Study Week 7โ€“8 โ†’</div>114    </a>115 116    <a href="week9-10.html" class="hcard y">117      <div class="wks">WEEK 9 & 10</div>118      <h3>Research & Sustainable Leadership</h3>119      <p>NEP 2020, HEIs, participatory research, Triple Bottom Line, 3P's, leadership model, systems thinking.</p>120      <div class="topics">121        <span class="tag o">NEP 2020</span><span class="tag o">Triple Bottom Line</span><span class="tag o">Leadership</span>122      </div>123      <div class="go">Study Week 9โ€“10 โ†’</div>124    </a>125 126    <a href="week11-12.html" class="hcard">127      <div class="wks">WEEK 11 & 12</div>128      <h3>Leadership-II & Global Partnership</h3>129      <p>Transformational leadership, LEAD India, sustainable happiness, SDG 17, partnership accelerator, Gandhian principles.</p>130      <div class="topics">131        <span class="tag">SDG 17</span><span class="tag">Happiness</span><span class="tag">Partnerships</span>132      </div>133      <div class="go">Study Week 11โ€“12 โ†’</div>134    </a>135 136    <a href="assignments.html" class="hcard b">137      <div class="wks">ALL WEEKS ยท OFFICIAL MCQs</div>138      <h3>๐Ÿ“ All Assignment Q&As</h3>139      <p>Every question from all 12 NPTEL assignments with correct answers and explanations. The most exam-relevant content!</p>140      <div class="topics">141        <span class="tag b">120 Questions</span><span class="tag b">All Answers</span><span class="tag b">Exam Ready</span>142      </div>143      <div class="go">View All Assignments โ†’</div>144    </a>145 146    <a href="quickrev.html" class="hcard o">147      <div class="wks">LAST-MINUTE REVISION</div>148      <h3>โšก Quick Revision Sheet</h3>149      <p>Top 50 facts, all important numbers, key definitions, case study summaries โ€” everything in one page.</p>150      <div class="topics">151        <span class="tag o">50 Key Facts</span><span class="tag o">All Numbers</span><span class="tag o">Flash Cards</span>152      </div>153      <div class="go">Quick Revision โ†’</div>154    </a>155 156  </div>157 158  <div style="background:var(--gl);border-radius:10px;padding:20px 24px;margin:16px 0;display:flex;align-items:flex-start;gap:12px">159    <span style="font-size:24px">๐Ÿ’ก</span>160    <div>161      <strong style="display:block;margin-bottom:5px;color:var(--dgreen)">Study Tip from the Course</strong>162      <p style="font-size:13px;color:var(--dgreen)">ESD stands for "Learning to Act; Learning to Achieve." Don't just read โ€” after each section, close the page and write down 3 things you remember. That IS the ESD method of learning.</p>163    </div>164  </div>165 166</div>167 168<footer>169  <strong>ESD Study Guide</strong> โ€” Based on NPTEL course by Prof. Atasi Mohanty, IIT Kharagpur<br>170  <span style="font-size:12px;opacity:.7">Made for exam prep ยท Share with friends ยท All content from official lecture materials</span>171</footer>172<script src="app.js"></script>173</body>174</html>175