CINXE.COM
Poems by Themes - Poem Lists Subject Based
<!doctype html> <html lang="en-us"> <head> <meta charset="utf-8" /> <title>Poems by Themes - Poem Lists Subject Based</title> <link rel="canonical" href="https://www.poemhunter.com/poems/themes/" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5.0" /> <meta name="description" content="Read most popular poems by theme of poem. You can easily list themes and select poems of a theme based. You can find poems from all subjects." /> <meta name="image" content="https://www.poemhunter.com/assets/img/logo-footer.jpg" /> <meta name="keywords" content="poems, poem, topic, topics, poem topics, free poems, love poems, romantic poems, classic poems, friendship poems, poetry" /> <meta property="og:locale" content="en-us" /> <meta property="og:site_name" content="Poem Hunter" /> <meta property="og:title" content="Poems by Themes - Poem Lists Subject Based" /> <meta property="og:description" content="Read most popular poems by theme of poem. You can easily list themes and select poems of a theme based. You can find poems from all subjects." /> <meta property="og:url" content="https://www.poemhunter.com/poems/themes/" /> <meta property="og:image" content="https://www.poemhunter.com/assets/img/logo-footer.jpg" /> <meta property="og:image:secure_url" content="https://www.poemhunter.com/assets/img/logo-footer.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:alt" content="Poems by Themes - Poem Lists Subject Based" /> <meta property="og:type" content="website" /> <meta property="fb:page_id" content="100932656641411" /> <meta property="fb:app_id" content="543237812543549" /> <meta name="twitter:site" content="@PoemHunterCom" /> <meta name="twitter:creator" content="@PoemHunterCom" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://www.poemhunter.com/poems/themes/" /> <meta name="twitter:title" content="Poems by Themes - Poem Lists Subject Based" /> <meta name="twitter:description" content="Read most popular poems by theme of poem. You can easily list themes and select poems of a theme based. You can find poems from all subjects." /> <meta name="twitter:image" content="https://www.poemhunter.com/assets/img/logo-footer.jpg" /> <meta property="twitter:image:alt" content="Poems by Themes - Poem Lists Subject Based" /> <link type="text/plain" rel="author" href="https://www.poemhunter.com/humans.txt" /> <link rel="manifest" href="https://www.poemhunter.com/manifest.json"> <link href="https://www.poemhunter.com/" rel="home"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="google-site-verification" content="-MUc-2vHu-twfj9Yvf4Q0IP8nMt-90rbuNJuFbR22ok" /> <meta name="msvalidate.01" content="C043A8E7202FBDE0AC7B60B68F77938B" /> <link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/phAdd.css"> <link rel="stylesheet" href="/assets/css/phAdd2.css"> <script type="text/javascript" src="/assets/js/jquery-3.6.0.min.js"></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T9W9H2N'); var gtag_event = ''; var gtag_event_category = ''; var gtag_event_label = ''; $(window).on("load", function () { $.ajax({ async: true, url: "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", dataType: "script" }); }); function getScript(e, n, a) { var o = document.createElement("script"); "" == n && (n = document.getElementsByTagName("script")[0]), o.async = 1, n.parentNode.insertBefore(o, n), o.onload = o.onreadystatechange = function (e, n) { (n || !o.readyState || /loaded|complete/.test(o.readyState)) && (o.onload = o.onreadystatechange = null, o = void 0, n || a && a()) }, o.src = e } var page_type = 'Category'; var IsAdShow = 'True'; var cihaz_mobilmi = false; if (/ip(hone|od|ad)|blackberry|android|windows (ce|phone)|symbian|avantgo|blazer|compal|elaine|fennec|hiptop|iemobile|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo/i.test(navigator.userAgent)) { cihaz_mobilmi = true; } function GetCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <link href="/favicon.ico" rel="shortcut icon" /> <script type="application/ld+json"> { "@context":"http://schema.org", "@graph":[ { "@id": "https://www.poemhunter.com", "@type": "Organization", "address": { "@type": "PostalAddress", "addressCountry": "USA", "addressRegion": "San Francisco", "postalCode": "CA 94104", "streetAddress": "548 Market St. PMB 90333" }, "contactPoint": [{ "@type": "ContactPoint", "contactType": "customer support", "telephone": "+1 (650) 488-8186" }], "description": "Poems from different poets all around the world. Thousands of poems, quotes and poets. Search for poems and poets using the Poetry Search Engine. Quotes from all famous poets.", "email": "noreply@poemhunter.com", "foundingDate": "1998", "foundingLocation": "San Francisco, USA", "logo": { "@type": "ImageObject", "height": "40", "url": "https://www.poemhunter.com/assets/img/logo-footer.jpg", "width": "294" }, "name": "Poem Hunter", "sameAs": ["https://www.facebook.com/PoemHunterCom", "https://twitter.com/PoemHunter", "https://www.instagram.com/poemhunter"], "telephone": "+1 (650) 488-8186", "url": "https://www.poemhunter.com" }, { "@id": "https://www.poemhunter.com", "@type": "Organization", "description": "Poems from different poets all around the world. Thousands of poems, quotes and poets. Search for poems and poets using the Poetry Search Engine. Quotes from all famous poets.", "name": "Poem Hunter", "url": "https://www.poemhunter.com" }, { "@type": "BreadcrumbList", "description": "Breadcrumbs list", "itemListElement": [{ "@type": "ListItem", "item": "https://www.poemhunter.com", "name": "MainPage", "position": 1 } ], "name": "Breadcrumbs" }, { "@type": "Place", "address": { "@type": "PostalAddress", "addressCountry": "USA", "addressRegion": "San Francisco", "postalCode": "CA 94104", "streetAddress": "548 Market St. PMB 90333" }, "image":{ "@type": "ImageObject", "height": "40", "url": "https://www.poemhunter.com/assets/img/logo-footer.jpg", "width": "294" }, "description": "Poems from different poets all around the world. Thousands of poems, quotes and poets. Search for poems and poets using the Poetry Search Engine. Quotes from all famous poets.", "geo": { "@type": "GeoCoordinates", "latitude": "37.79010", "longitude": "-122.40090" }, "logo": { "@type": "ImageObject", "height": "40", "url": "https://www.poemhunter.com/assets/img/logo-footer.jpg", "width": "294" }, "name": "Poem Hunter", "sameAs": ["https://www.facebook.com/PoemHunterCom", "https://twitter.com/PoemHunter", "https://www.instagram.com/poemhunter"], "telephone": "+1 (650) 488-8186", "url": "https://www.poemhunter.com" }, { "@type": "WebSite", "about":"Poems from different poets all around the world. Thousands of poems, quotes and poets. Search for poems and poets using the Poetry Search Engine. Quotes from all famous poets.", "copyrightHolder": { "@type": "Organization", "name": "Poem Hunter" }, "inLanguage": "en-us", "isFamilyFriendly": true, "sameAs": ["https://www.facebook.com/PoemHunterCom", "https://twitter.com/PoemHunter", "https://www.instagram.com/poemhunter"], "url": "https://www.poemhunter.com" }] } </script> </head> <body> <div class="phGeneralScope"> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <div class="phHeader"> <div class="phContainer"> <div class="phLogo"> <div> <a href="/" title="PoemHunter.com: Poems - Poets - Poetry"> <img src="/assets/img/logo-white.png" width="194" height="22" alt="PoemHunter.com: Poems - Poets - Poetry" /> </a> </div> </div> <div class="phNavigation"> <div class="phLoginOp" id="phLoginDp" style="float:right; width: 130px;height: 53px;"> </div> <div class="phHeaderSearch"> <input type="search" id="phHeaderSearch" autocomplete="off" placeholder="Search anything" value="" /> <span class="icon-search"></span> </div> <ul class="phDropDownMenu"> <a href="/" title="PoemHunter.com: Poems - Poets - Poetry">Home</a> <li class="phddmMain poems"> <span>Poems</span> <ul> <li><a href="/poems/" title="Poems">Poems</a></li> <li><a href="/poems/best-poems/" title="Best 500 Poems">Best Poems</a></li> <li><a href="/poems/best-poems/member-poets/" title="Best Member Poems">Best Member Poems</a></li> <li><a href="/poems/best-poems/classical-poets/" title="Best Classical Poems">Best Classical Poems</a></li> <li><a href="/poems/new-poems/" title="New Poems">New Poems</a></li> <li><a href="/poems/themes/" title="Poems About">Poems About</a></li> <li><a href="/poems/best-poems/themes/" title="Best Poems By Themes">Best Poems by Themes</a></li> <li><a href="/explore/poems/" title="Explore Poems">Explore Poems</a></li> <li><a href="/poem-of-the-day/" title="Poem Of The Day">Poem Of The Day</a></li> </ul> </li> <li class="phddmMain poets"> <span>Poets</span> <ul> <li><a href="/poets/" title="Poets">Poets</a></li> <li><a href="/poets/best-poets/" title="Best 500 Poets">Best Poets</a></li> <li><a href="/poets/best-poets/member-poets/" title="Top Member Poets">Best Member Poets</a></li> <li><a href="/poets/best-poets/classic-poets/" title="Best Classical Poets">Best Classical Poets</a></li> <li><a href="/poets/new-poets/" title="New Poets">New Poets</a></li> <li><a href="/explore/poets/" title="Explore Poets">Explore Poets</a></li> </ul> </li> </ul> </div> </div> </div> <script> $(document).ready(function () { $.ajax({ type: "POST", url: "/Ajax/Login/", processData: false, contentType: false, async: true, success: function (data) { $('#phLoginDp').html(data); } }); //$(".phsearch").keypress(function (e) { // if (e.keyCode == 13) { // window.location.href = "/search/?q=" + $("#phsearch").val(); // } //}); }); </script> <div id="mainPageBanner"> </div> <div class="phRow phGeneralTitleDesc"> <div class="phContainer"> <h1>Poem Themes</h1> </div> </div> <div class="phBody"> <div class="phContainer changeContainer"> <div class="phContentScope"> <!-- POEMS KEYWORDS --> <div class="phRow phBoxStyle page-template"> <div class="phContent"> <div class="phKeywords"> <a href="#A" title="A Poems" class="phKey">A</a> <a href="#B" title="B Poems" class="phKey">B</a> <a href="#C" title="C Poems" class="phKey">C</a> <a href="#D" title="D Poems" class="phKey">D</a> <a href="#E" title="E Poems" class="phKey">E</a> <a href="#F" title="F Poems" class="phKey">F</a> <a href="#G" title="G Poems" class="phKey">G</a> <a href="#H" title="H Poems" class="phKey">H</a> <a href="#I" title="I Poems" class="phKey">I</a> <a href="#J" title="J Poems" class="phKey">J</a> <a href="#K" title="K Poems" class="phKey">K</a> <a href="#L" title="L Poems" class="phKey">L</a> <a href="#M" title="M Poems" class="phKey">M</a> <a href="#N" title="N Poems" class="phKey">N</a> <a href="#O" title="O Poems" class="phKey">O</a> <a href="#P" title="P Poems" class="phKey">P</a> <a href="#R" title="R Poems" class="phKey">R</a> <a href="#S" title="S Poems" class="phKey">S</a> <a href="#T" title="T Poems" class="phKey">T</a> <a href="#W" title="W Poems" class="phKey">W</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="A" id="A"> <div class="phPageTitle"> A </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/alone/" title="alone Poems" class="phABClink">ALONE</a> <a href="/poems/america/" title="america Poems" class="phABClink">AMERICA</a> <a href="/poems/angel/" title="angel Poems" class="phABClink">ANGEL</a> <a href="/poems/anger/" title="anger Poems" class="phABClink">ANGER</a> <a href="/poems/animal/" title="animal Poems" class="phABClink">ANIMAL</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="B" id="B"> <div class="phPageTitle"> B </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/baby/" title="baby Poems" class="phABClink">BABY</a> <a href="/poems/beach/" title="beach Poems" class="phABClink">BEACH</a> <a href="/poems/beautiful/" title="beautiful Poems" class="phABClink">BEAUTIFUL</a> <a href="/poems/beauty/" title="beauty Poems" class="phABClink">BEAUTY</a> <a href="/poems/believe/" title="believe Poems" class="phABClink">BELIEVE</a> <a href="/poems/birth/" title="birth Poems" class="phABClink">BIRTH</a> <a href="/poems/brother/" title="brother Poems" class="phABClink">BROTHER</a> <a href="/poems/butterfly/" title="butterfly Poems" class="phABClink">BUTTERFLY</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="C" id="C"> <div class="phPageTitle"> C </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/car/" title="car Poems" class="phABClink">CAR</a> <a href="/poems/carpediem/" title="carpediem Poems" class="phABClink">CARPEDIEM</a> <a href="/poems/change/" title="change Poems" class="phABClink">CHANGE</a> <a href="/poems/chicago/" title="chicago Poems" class="phABClink">CHICAGO</a> <a href="/poems/childhood/" title="childhood Poems" class="phABClink">CHILDHOOD</a> <a href="/poems/children/" title="children Poems" class="phABClink">CHILDREN</a> <a href="/poems/cinderella/" title="cinderella Poems" class="phABClink">CINDERELLA</a> <a href="/poems/city/" title="city Poems" class="phABClink">CITY</a> <a href="/poems/courage/" title="courage Poems" class="phABClink">COURAGE</a> <a href="/poems/crazy/" title="crazy Poems" class="phABClink">CRAZY</a> <a href="/poems/culture/" title="culture Poems" class="phABClink">CULTURE</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="D" id="D"> <div class="phPageTitle"> D </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/dance/" title="dance Poems" class="phABClink">DANCE</a> <a href="/poems/dark/" title="dark Poems" class="phABClink">DARK</a> <a href="/poems/daughter/" title="daughter Poems" class="phABClink">DAUGHTER</a> <a href="/poems/death/" title="death Poems" class="phABClink">DEATH</a> <a href="/poems/depression/" title="depression Poems" class="phABClink">DEPRESSION</a> <a href="/poems/despair/" title="despair Poems" class="phABClink">DESPAIR</a> <a href="/poems/dog/" title="dog Poems" class="phABClink">DOG</a> <a href="/poems/dream/" title="dream Poems" class="phABClink">DREAM</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="E" id="E"> <div class="phPageTitle"> E </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/english/" title="english Poems" class="phABClink">ENGLISH</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="F" id="F"> <div class="phPageTitle"> F </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/family/" title="family Poems" class="phABClink">FAMILY</a> <a href="/poems/fate/" title="fate Poems" class="phABClink">FATE</a> <a href="/poems/father/" title="father Poems" class="phABClink">FATHER</a> <a href="/poems/fear/" title="fear Poems" class="phABClink">FEAR</a> <a href="/poems/fire/" title="fire Poems" class="phABClink">FIRE</a> <a href="/poems/food/" title="food Poems" class="phABClink">FOOD</a> <a href="/poems/football/" title="football Poems" class="phABClink">FOOTBALL</a> <a href="/poems/freedom/" title="freedom Poems" class="phABClink">FREEDOM</a> <a href="/poems/friend/" title="friend Poems" class="phABClink">FRIEND</a> <a href="/poems/frog/" title="frog Poems" class="phABClink">FROG</a> <a href="/poems/funny/" title="funny Poems" class="phABClink">FUNNY</a> <a href="/poems/future/" title="future Poems" class="phABClink">FUTURE</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="G" id="G"> <div class="phPageTitle"> G </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/girl/" title="girl Poems" class="phABClink">GIRL</a> <a href="/poems/god/" title="god Poems" class="phABClink">GOD</a> <a href="/poems/graduation/" title="graduation Poems" class="phABClink">GRADUATION</a> <a href="/poems/greed/" title="greed Poems" class="phABClink">GREED</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="H" id="H"> <div class="phPageTitle"> H </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/hair/" title="hair Poems" class="phABClink">HAIR</a> <a href="/poems/happiness/" title="happiness Poems" class="phABClink">HAPPINESS</a> <a href="/poems/happy/" title="happy Poems" class="phABClink">HAPPY</a> <a href="/poems/hate/" title="hate Poems" class="phABClink">HATE</a> <a href="/poems/heaven/" title="heaven Poems" class="phABClink">HEAVEN</a> <a href="/poems/hero/" title="hero Poems" class="phABClink">HERO</a> <a href="/poems/hindi/" title="hindi Poems" class="phABClink">HINDI</a> <a href="/poems/home/" title="home Poems" class="phABClink">HOME</a> <a href="/poems/hope/" title="hope Poems" class="phABClink">HOPE</a> <a href="/poems/house/" title="house Poems" class="phABClink">HOUSE</a> <a href="/poems/husband/" title="husband Poems" class="phABClink">HUSBAND</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="I" id="I"> <div class="phPageTitle"> I </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/identity/" title="identity Poems" class="phABClink">IDENTITY</a> <a href="/poems/innocence/" title="innocence Poems" class="phABClink">INNOCENCE</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="J" id="J"> <div class="phPageTitle"> J </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/january/" title="january Poems" class="phABClink">JANUARY</a> <a href="/poems/joy/" title="joy Poems" class="phABClink">JOY</a> <a href="/poems/june/" title="june Poems" class="phABClink">JUNE</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="K" id="K"> <div class="phPageTitle"> K </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/kids/" title="kids Poems" class="phABClink">KIDS</a> <a href="/poems/kiss/" title="kiss Poems" class="phABClink">KISS</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="L" id="L"> <div class="phPageTitle"> L </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/laughter/" title="laughter Poems" class="phABClink">LAUGHTER</a> <a href="/poems/life/" title="life Poems" class="phABClink">LIFE</a> <a href="/poems/lonely/" title="lonely Poems" class="phABClink">LONELY</a> <a href="/poems/loss/" title="loss Poems" class="phABClink">LOSS</a> <a href="/poems/lost/" title="lost Poems" class="phABClink">LOST</a> <a href="/poems/love/" title="love Poems" class="phABClink">LOVE</a> <a href="/poems/lust/" title="lust Poems" class="phABClink">LUST</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="M" id="M"> <div class="phPageTitle"> M </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/marriage/" title="marriage Poems" class="phABClink">MARRIAGE</a> <a href="/poems/memory/" title="memory Poems" class="phABClink">MEMORY</a> <a href="/poems/mirror/" title="mirror Poems" class="phABClink">MIRROR</a> <a href="/poems/money/" title="money Poems" class="phABClink">MONEY</a> <a href="/poems/moon/" title="moon Poems" class="phABClink">MOON</a> <a href="/poems/mother/" title="mother Poems" class="phABClink">MOTHER</a> <a href="/poems/murder/" title="murder Poems" class="phABClink">MURDER</a> <a href="/poems/music/" title="music Poems" class="phABClink">MUSIC</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="N" id="N"> <div class="phPageTitle"> N </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/nature/" title="nature Poems" class="phABClink">NATURE</a> <a href="/poems/night/" title="night Poems" class="phABClink">NIGHT</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="O" id="O"> <div class="phPageTitle"> O </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/ocean/" title="ocean Poems" class="phABClink">OCEAN</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="P" id="P"> <div class="phPageTitle"> P </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/paris/" title="paris Poems" class="phABClink">PARIS</a> <a href="/poems/passion/" title="passion Poems" class="phABClink">PASSION</a> <a href="/poems/peace/" title="peace Poems" class="phABClink">PEACE</a> <a href="/poems/pink/" title="pink Poems" class="phABClink">PINK</a> <a href="/poems/poem/" title="poem Poems" class="phABClink">POEM</a> <a href="/poems/poetry/" title="poetry Poems" class="phABClink">POETRY</a> <a href="/poems/poverty/" title="poverty Poems" class="phABClink">POVERTY</a> <a href="/poems/power/" title="power Poems" class="phABClink">POWER</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="R" id="R"> <div class="phPageTitle"> R </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/racism/" title="racism Poems" class="phABClink">RACISM</a> <a href="/poems/rain/" title="rain Poems" class="phABClink">RAIN</a> <a href="/poems/rainbow/" title="rainbow Poems" class="phABClink">RAINBOW</a> <a href="/poems/red/" title="red Poems" class="phABClink">RED</a> <a href="/poems/remember/" title="remember Poems" class="phABClink">REMEMBER</a> <a href="/poems/respect/" title="respect Poems" class="phABClink">RESPECT</a> <a href="/poems/river/" title="river Poems" class="phABClink">RIVER</a> <a href="/poems/romance/" title="romance Poems" class="phABClink">ROMANCE</a> <a href="/poems/romantic/" title="romantic Poems" class="phABClink">ROMANTIC</a> <a href="/poems/rose/" title="rose Poems" class="phABClink">ROSE</a> <a href="/poems/running/" title="running Poems" class="phABClink">RUNNING</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="S" id="S"> <div class="phPageTitle"> S </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/sad/" title="sad Poems" class="phABClink">SAD</a> <a href="/poems/school/" title="school Poems" class="phABClink">SCHOOL</a> <a href="/poems/sea/" title="sea Poems" class="phABClink">SEA</a> <a href="/poems/sick/" title="sick Poems" class="phABClink">SICK</a> <a href="/poems/silver/" title="silver Poems" class="phABClink">SILVER</a> <a href="/poems/sister/" title="sister Poems" class="phABClink">SISTER</a> <a href="/poems/sky/" title="sky Poems" class="phABClink">SKY</a> <a href="/poems/sleep/" title="sleep Poems" class="phABClink">SLEEP</a> <a href="/poems/snake/" title="snake Poems" class="phABClink">SNAKE</a> <a href="/poems/snow/" title="snow Poems" class="phABClink">SNOW</a> <a href="/poems/soldier/" title="soldier Poems" class="phABClink">SOLDIER</a> <a href="/poems/sometimes/" title="sometimes Poems" class="phABClink">SOMETIMES</a> <a href="/poems/son/" title="son Poems" class="phABClink">SON</a> <a href="/poems/song/" title="song Poems" class="phABClink">SONG</a> <a href="/poems/sorrow/" title="sorrow Poems" class="phABClink">SORROW</a> <a href="/poems/spring/" title="spring Poems" class="phABClink">SPRING</a> <a href="/poems/star/" title="star Poems" class="phABClink">STAR</a> <a href="/poems/success/" title="success Poems" class="phABClink">SUCCESS</a> <a href="/poems/suicide/" title="suicide Poems" class="phABClink">SUICIDE</a> <a href="/poems/summer/" title="summer Poems" class="phABClink">SUMMER</a> <a href="/poems/sun/" title="sun Poems" class="phABClink">SUN</a> <a href="/poems/swimming/" title="swimming Poems" class="phABClink">SWIMMING</a> <a href="/poems/sympathy/" title="sympathy Poems" class="phABClink">SYMPATHY</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="T" id="T"> <div class="phPageTitle"> T </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/teacher/" title="teacher Poems" class="phABClink">TEACHER</a> <a href="/poems/thanks/" title="thanks Poems" class="phABClink">THANKS</a> <a href="/poems/time/" title="time Poems" class="phABClink">TIME</a> <a href="/poems/today/" title="today Poems" class="phABClink">TODAY</a> <a href="/poems/together/" title="together Poems" class="phABClink">TOGETHER</a> <a href="/poems/travel/" title="travel Poems" class="phABClink">TRAVEL</a> <a href="/poems/trust/" title="trust Poems" class="phABClink">TRUST</a> <a href="/poems/truth/" title="truth Poems" class="phABClink">TRUTH</a> </div> </div> </div> <div class="phRow phBoxStyle page-template" name="W" id="W"> <div class="phPageTitle"> W </div> <div class="phContent"> <div class="phABClist"> <a href="/poems/war/" title="war Poems" class="phABClink">WAR</a> <a href="/poems/warning/" title="warning Poems" class="phABClink">WARNING</a> <a href="/poems/water/" title="water Poems" class="phABClink">WATER</a> <a href="/poems/weather/" title="weather Poems" class="phABClink">WEATHER</a> <a href="/poems/wedding/" title="wedding Poems" class="phABClink">WEDDING</a> <a href="/poems/wind/" title="wind Poems" class="phABClink">WIND</a> <a href="/poems/winter/" title="winter Poems" class="phABClink">WINTER</a> <a href="/poems/work/" title="work Poems" class="phABClink">WORK</a> <a href="/poems/world/" title="world Poems" class="phABClink">WORLD</a> </div> </div> </div> </div> <div class="phSideBar phLeft"> <!-- POET OF THE DAY PROFILE --> <!-- POET OF THE DAY PROFILE --> <div class="phRow phBoxStyle medium-purple phSideBarOfTheDay"> <span class="top-line bgc"></span> <div class="phBoxBigHead"> <span class="left-line bgc"></span> <span class="phBoxTitle txtc">POEM OF THE DAY</span> </div> <div class="phBoxProfile"> <a href="/derek-walcott/" title="Poem Of The Day - Love After Love"> <div class="phbpImage" style="background-image: url(https://img.poemhunter.com/i/p/03/12403_k_6668.jpg);"></div> <div class="phbpText"> <div class="phbpTitle">Derek Walcott</div> <span class="clrB"></span> <span class="phbpDesc">Castries / St Lucia</span> </div> </a> </div> <div class="phLinks"> <div class="phLink"> <a href="/poem/love-after-love/" title="Poem Of The Day - Love After Love"> <div class="phIconMiddle"> <span class="phlTitle">Love After Love</span> <span class="phlDesc phlSpoem"> <p class="phContent phcText">The time will come <br/>when, with elation <br/>you will greet yourself arriving <br/>at your own door, in your own mirror <br/>and each will smile at the other's welcome, <br/> <br/>and say, sit here. Eat. <br/>You will love again the stranger who was your self. <br/>Give wine. Give bread. Give back your heart <br/>to itself, to the stranger who has loved you <br/> <br/>all your life, whom you ignored <br/>for another, who knows you by heart. <br/>Take down the love letters from the bookshelf, <br/> <br/>the photographs, the desperate notes, <br/>peel your own image from the mirror. <br/>Sit. Feast on your life.</p> </span> <span class="phlIcon brdc"></span> </div> </a> </div> </div> <div class="phBoxBottom phbti"> <span class="phBoxBottomLine"></span> <div class="phBoxContinue txtc"><a href="/poem/love-after-love/" title="Poem Of The Day - Love After Love">View Poem <span class="brdc"></span></a></div> </div> </div> </div> </div> </div> <div class="phFooter"> <div class="phFtTop"> <div class="phContainer"> <div class="phftLogo phshLogo"> <a href="/" title="PoemHunter.com: Poems - Poets - Poetry"><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-original="/assets/img/logo-footer.jpg" height="25" width="183" alt="PoemHunter.com: Poems - Poets - Poetry" /></a> </div> <div class="phftLogo phFtMenu phshLogo"> <div class="phFtMenuItem"> <a href="/poems/" title="Poems" style="color: #484848">POEMS</a> </div> <div class="phFtMenuItem"> <a href="/poets/" title="Poets" style="color: #484848">POETS</a> </div> </div> <div class="phftSearch"> <input type="search" id="phFooterSearch" autocomplete="off" placeholder="Search anything" value="" /> <span class="icon-search"></span> </div> </div> </div> <div class="phFtBottom"> <div class="phContainer"> <div class="phRow"> <div class="phftLink newphftLink"> <a href="/" title="PoemHunter.com: Poems - Poets - Poetry"><div class="footerTitle">Poemhunter.com</div></a> <a href="/poems/best-poems/" class="phftl" title="Best Poems">Best Poems</a> <a href="/poems/best-poems/member-poets/" class="phftl" title="Best Member Poems">Best Member Poems</a> <a href="/poems/best-poems/classical-poets/" class="phftl" title="Best Classical Poems">Best Classical Poems</a> <a href="/poems/new-poems/" class="phftl" title="New Poems">New Poems</a> <a href="/poets/new-poets/" class="phftl" title="New Poets">New Poets</a> <a href="/poets/best-poets/member-poets/" class="phftl" title="Best Member Poets">Best Member Poets</a> <a href="/poets/best-poets/classic-poets/" class="phftl" title="Best Classical Poets">Best Classical Poets</a> <a href="/explore/poems/" class="phftl" title="Explore Poems">Explore Poems</a> <a href="/explore/poets/" class="phftl" title="Explore Poets">Explore Poets</a> <a href="/poem-of-the-day/" class="phftl" title="Poem Of The Day">Poem Of The Day</a> </div> <div class="phftLink newphftLink"> <a href="/poems/themes/" title="Poems About"><div class="footerTitle">Poems About</div></a> <a href="/poems/love/" class="phftl" title="Love Poems">Love Poems</a> <a href="/poems/baby/" class="phftl" title="Baby Poems">Baby Poems</a> <a href="/poems/death/" class="phftl" title="Death Poems">Death Poems</a> <a href="/poems/sad/" class="phftl" title="Sad Poems">Sad Poems</a> <a href="/poems/birthday/" class="phftl" title="Birthday Poems">Birthday Poems</a> <a href="/poems/wedding/" class="phftl" title="Wedding Poems">Wedding Poems</a> <a href="/poems/nature/" class="phftl" title="Nature Poems">Nature Poems</a> <a href="/poems/sorry/" class="phftl" title="Sorry Poems">Sorry Poems</a> <a href="/poems/hero/" class="phftl" title="Hero Poems">Hero Poems</a> <a href="/ebooks/" class="phftl" title="Poetry E-Books">Poetry E-Books</a> </div> <div class="phftLink newphftLink"> <a href="/poets/best-poets/" title="Best Poets"><div class="footerTitle">Best Poets</div></a> <a href="/robert-frost/" class="phftl" title="Robert Frost">Robert Frost</a> <a href="/maya-angelou/" class="phftl" title="Maya Angelou">Maya Angelou</a> <a href="/william-shakespeare/" class="phftl" title="William Shakespeare">William Shakespeare</a> <a href="/pablo-neruda/" class="phftl" title="Pablo Neruda">Pablo Neruda</a> <a href="/langston-hughes/" class="phftl" title="Langston Hughes">Langston Hughes</a> <a href="/emily-dickinson/" class="phftl" title="Emiliy Dickinson">Emiliy Dickinson</a> <a href="/shel-silverstein-2/" class="phftl" title="Shel Silverstein">Shel Silverstein</a> <a href="/william-blake/" class="phftl" title="William Blake">William Blake</a> <a href="/rabindranath-tagore/" class="phftl" title="Rabindranath Tagore">Rabindranath Tagore</a> <a href="/william-wordsworth/" class="phftl" title="William Wordsworth">William Wordsworth</a> </div> <div class="phftLink newphftLink"> <a href="/poems/best-poems/" title="Best Poems"><div class="footerTitle">Best Poems</div></a> <a href="/poem/phenomenal-woman/" class="phftl" title="Phenomenal Woman By Maya Angelou">Phenomenal Woman</a> <a href="/poem/still-i-rise/" class="phftl" title="Still I Rise By Maya Angelou">Still I Rise</a> <a href="/poem/the-road-not-taken/" class="phftl" title="The Road Not Taken By Robert Frost">The Road Not Taken</a> <a href="/poem/if-you-forget-me/" class="phftl" title="If You Forget Me By Pablo Neruda">If You Forget Me</a> <a href="/poem/dreams-2/" class="phftl" title="Dreams By Langston Hughes">Dreams</a> <a href="/poem/annabel-lee/" class="phftl" title="Annabel Lee By Edgar Allan Poe">Annabel Lee</a> <a href="/poem/caged-bird-21/" class="phftl" title="Caged Bird By By Maya Angelou">Caged Bird</a> <a href="/poem/if/" class="phftl" title="If By Rudyard Kipling">If</a> <a href="/poem/fire-and-ice/" class="phftl" title="Fire And Ice By Robert Frost">Fire And Ice</a> <a href="/poem/on-the-death-of-the-beloved" class="phftl" title="On The Death Of The Beloved By John O'Donohue">On The Death Of The Beloved</a> </div> </div> <div class="phRow"> <div class="phftSocial phftSocialNew"> <a href="https://apps.apple.com/us/app/poemhunter/id918149865" target="_blank" title="Poemhunter App"> <img class="lazyload" src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' data-original="/assets/img/poemhunter_Store.png" width="100" height="33" alt="Poem Hunter App Store" /> </a> </div> <div class="phftSocial" style="position:relative;margin-left:10px;margin-top:5px;right:0"> <a href="https://www.facebook.com/PoemHunterCom" title="PoemHunter Facebook" target="_blank" class="phftsc"><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-original="/assets/img/icon-footer-fb.svg" width="22" height="22" alt="PoemHunter Facebook" /></a> <a href="https://twitter.com/PoemHunter" title="PoemHunter Twitter" target="_blank" class="phftsc"><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-original="/assets/img/icon-footer-tw.svg" width="22" height="22" alt="PoemHunter Twitter" /></a> <a href="https://www.instagram.com/poemhunter/" title="PoemHunter Instagram" target="_blank" class="phftsc"><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-original="/assets/img/icon-footer-ins.svg" width="22" height="22" alt="PoemHunter Instagram" /></a> </div> </div> </div> <div class="phRow"> <div class="phContainer phBttmContent" style="margin-top:10px;"> <div class="phftsc"> <div class="phftSocial phBttmlink phftSocialResponsible"> <a href="/about-us/" title="About Us" class="phftl">About Us</a> <a href="/copyright-notice/" title="Copyright notice" class="phftl">Copyright notice</a> <a href="/cookie-policy/" title="Copyright Policy" class="phftl">Cookie Policy</a> <a href="/privacy-statement/" title="Copyright notice" class="phftl">Privacy Statement</a> <a href="/contact-us/" title="Contact Us" class="phftl">Contact Us</a> <a href="/help/" title="Help" class="phftl">Help</a> <a href="https://www.yenimedya.com.tr/tickets/?site=poemhunter&referrer=https://www.poemhunter.com/poems/themes/" title="Report Error" class="phftl" rel="external nofollow">Report Error</a> <a href="/is-poemhunter-a-legit-site/" title="Is Poem Hunter a legit site?" class="phftl">Is Poem Hunter a legit site?</a> <a href="/is-poemhunter-safe/" title="Is Poem Hunter Safe?" class="phftl">Is Poem Hunter safe?</a> <a href="/comunity-rules/" title="Comunity Rules" class="phftl">Comunity Rules</a> <a href="/privacy-policy/" title="Privacy Policy" class="phftl">Privacy Policy</a> <a href="/legal-terms-of-use/" title="Legal Terms Of Use">Legal Terms Of Use</a> </div> </div> <div class="phftsc phKeltis"> <div class="phBttmKeltisLogo"> <img class="lazyload keltisImage" src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' data-original="/assets/img/keltis-logo.png" width="70" height="14" alt="Keltis" /> </div> <div class="phBttmKeltis phBttmKeltisResponsible"> <p>Delivering Poems Around The World</p> <p class="phBttmKeltisInfo">Poems are the property of their respective owners. All information has been reproduced here for educational and informational purposes to benefit site visitors, and is provided at no charge...</p> </div> </div> <div class="phftsc"> <p class="phBttmKeltisInfoDate">2/23/2025 4:48:12 AM # 1.0.0</p> </div> </div> </div> </div> </div> <div class="modalPopup"> <div class="modalPopupBg"></div> <div class="modalPopupBgYesNo"></div> <div class="modalPopupContent"> <div class="modalPopupClose"><img src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' data-original="/assets/img/icon-popup-close.png" class="lazyload" width="25" height="25" alt="Close" /></div> <div class="mpStatus"> <img src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' data-original="/assets/img/icon-error.png" alt="Error" class="error lazyload" width="40" height="40" /> <img src='data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' data-original="/assets/img/icon-success.png" alt="Success" class="success lazyload" width="40" height="40" /> </div> <div class="mpText"> </div> <div class="mpButton"> <input type="submit" id="yes" name="yes" class="modalYes" value="OK" /> <input type="submit" id="no" name="no" class="modalNo bgfalse" value="Cancel" /> </div> </div> </div> <input type="hidden" id="SelectAccountName" /> <div id="selectAccount"> </div> </div> <script type="text/javascript" src="/assets/js/autosize.min.js"></script> <script type="text/javascript" src="/assets/js/script.js"></script> <script type="text/javascript" src="/assets/js/main.js"></script> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9W9H2N" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript"> var serviceStatus = { Success: 0, Error: 1 }; $(document).ready(function () { $.ajax({ type: "POST", url: "/Ajax/SelectAccountControl/", processData: false, contentType: false, async: true, success: function (data) { if (data != null && data != '') { $('#selectAccount').html(data); modalUserPopupOpen(); } } }); }); $(document).ready(function () { GetPageBanner('top', 0, 'False' == 'True' ? 'true' : 'false',''); }); $(document).ready(function () { containerAutoHeight(); if (!cihaz_mobilmi) { $('.icon-search').click(function () { window.location.href = "/search/?q=" + $("#phHeaderSearch").val(); }); } $("#phHeaderSearch").keypress(function (e) { if (e.keyCode == 13) { window.location.href = "/search/?q=" + $("#phHeaderSearch").val(); } }); $("#phFooterSearch").keypress(function (e) { if (e.keyCode == 13) { window.location.href = "/search/?q=" + $("#phFooterSearch").val(); } }); $(".modalPopupBg, .modalPopupClose").on("click", function () { modalPopupClose(); }); $(document).on("click", ".phmmClickNav", function () { $(".phnmOpenBox").show(0); }) $(document).on("click", ".phmmclose", function () { $(".phnmOpenBox").hide(0); }) $(".modalPopupWpBg, .modalPopupWpClose").on("click", function () { modalPopupWpClose(); }); }); function toUrl(CurrentPage) { var path = $(location).attr('pathname'); path.indexOf(1); path.toLowerCase(); if (CurrentPage == "/page-1/") { window.location.href = '/' + path.split("/")[1] + '/' + path.split("/")[2] } else { window.location.href = '/' + path.split("/")[1] + '/' + path.split("/")[2] + CurrentPage + window.location.search; } } function modalPopup(mpStatus, mpContent) { $.ajax({ url: "/assets/js/jquery.lazyload.js", dataType: "script", complete: function (data) { $(".lazyload").lazyload(); } }); $(".modalPopup").show(0); $(".modalPopup .mpStatus img").css("display", "none"); $(".modalPopup .mpText").html(""); if (mpStatus == "success") { $(".modalPopup .success").css("display", "inline-block"); } else if (mpStatus == "yesno") { $(".modalPopup").addClass("yesno"); } else { $(".modalPopup .error").css("display", "inline-block"); } $(".modalPopup .mpText").html(mpContent); } $(".modalPopup input").on("click", function () { modalPopupClose(); }); function modalPopupClose() { $(".modalPopup").hide(0); $(".modalPopup").removeClass("yesno"); $(".modalPopup .mpStatus img").css("display", "none"); $(".modalPopup .mpText").html(""); } function modalPopupWp(mpWpBrowser, mpContent) { $(".modalPopupWp").show(0); var imgPerm = ""; if (mpWpBrowser == "Chrome") { imgPerm = "/assets/images/chrome_notification_popup.png"; } else if (mpWpBrowser == "Firefox") { imgPerm = "/assets/images/firefox_notification_popup.png"; } else if (mpWpBrowser == "Edge") { imgPerm = "/assets/images/edge_notification_popup.png"; } else if (mpWpBrowser == "Opera") { imgPerm = "/assets/images/opera_notification_popup.png"; } else { imgPerm = "/assets/images/chrome_notification_popup.png"; } $('.mpWpStatus').html(""); $('.mpWpStatus').prepend('<img id="imgPerm" src="' + imgPerm + '" width="330" height="auto"/>') } $(".modalPopupWp input").on("click", function () { modalPopupWpClose(); }); function modalPopupWpClose() { $(".modalPopupWp").hide(0); $(".modalPopupWp").removeClass("yesno"); $(".modalPopupWp .mpWpText").html(""); } function scrollTopPosition(number) { $(".phScrollPosition .phlNumber").each(function () { numberText = $(this).text(); if (numberText == number) { pstTop = ($(this).parent().offset().top) - 70; var body = $("html, body"); body.stop().animate({ scrollTop: pstTop }, 500); } }) } function containerAutoHeight() { phHeight = $(window).height(); phHeaderHeight = $(".phHeader").height(); phFooterHeight = $(".phFooter").height(); phGeneralPadding = 90; phGeneralHeightTotal = phHeight - (phHeaderHeight + phFooterHeight + phGeneralPadding); $(".phBody").css("min-height", phGeneralHeightTotal + "px"); if ($('.phSideBar.phLeft').height() > $('.phContentScope').height()) { $('.phContentScope').css("min-height", $('.phSideBar.phLeft').height() + 100 + "px"); } } $(document).on("click", ".sendComment", function () { var id = $(this).attr("dataId"); var type = $(this).attr("dataType"); saveComment($('#Comment_' + id).val(), $('#CommentName_' + id).val(), id, type); }); function saveComment(comment, name, id, type) { if ($.trim(name).length < 2) { modalPopup("error", "Please enter at least 2 characters in the YOUR NAME field."); } if ($.trim(name).length > 40) { modalPopup("error", "Please enter up least 40 characters in the YOUR NAME field."); } else if ($.trim(comment).length < 2) { modalPopup("error", "Please enter at least 2 characters in the YOUR COMMENT field."); } else { $('#Comment_' + id).val(''); var data = { Comment: comment, Id: id, Type: type, Name: name }; $.ajax({ url: '/Activity/SaveComment/', type: "POST", dataType: "json", data: data, success: function (result) { var res = "success"; if (result.result == serviceStatus.Error) { var res = "error"; } if (res == "error" && result.description == "Sign in") { window.location.href = "/login/"; //?Redirect=" + window.location.pathname; } else { modalPopup(res, result.description); $('.phSubCommentContent').html(''); } } }); } } $(document).on("click", ".mpUserSelectScope .mpusBox", function () { $(".mpUserSelectScope .mpusBox").removeClass("active"); $(this).addClass("active"); $(".mpUserButton").show(0); $("#SelectAccountName").val($(this).attr("data-id")); }) $(".xxxxxs").on("click", function () { modalUserPopupOpen() }) $(".xxxxxz").on("click", function () { modalUserPopupClose() }) function modalUserPopupOpen() { $(".modalPopupUser").addClass("active"); } function modalUserPopupClose() { $(".modalPopupUser").removeClass("active"); } function SetCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function GetPageBanner(bannerType, mainPage,isBannerShow ,country) { if (isBannerShow == 'false') { return; } var formData = new FormData(); formData.append("bannerType", bannerType); formData.append("mainPage", mainPage); formData.append("country", country); $.ajax({ type: "POST", url: "/ViewComponent/GetPageBanner/", data: formData, processData: false, contentType: false, async: true, success: function (data) { $('#mainPageBanner').append(data); } }); } function goToByScroll(id,topValue=0) { $('html,body').animate({ scrollTop: $("#" + id).offset().top - topValue }, 'slow'); } $(document).mouseup(function (e) { var container = $(".phnmOpenBox"); if (!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); function getQueryStringValue(paramName) { const urlParams = new URLSearchParams(window.location.search); const paramValue = urlParams.get(paramName); return paramValue; } </script> <script> $('a').on('click', function (event) { if (this.hash !== "") { event.preventDefault(); var hash = this.hash; $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function () { window.location.hash = hash; }); } }); </script> <script type="text/javascript"> $(window).on("load", function (e) { $.ajax({ url: "/assets/js/jquery.lazyload.js", dataType: "script", complete: function (data) { $(".lazyload").lazyload(); } }); }); </script> <script type="text/javascript"> document.querySelector(".phHeader .phNavigation .phHeaderSearch #phHeaderSearch").addEventListener("focus", function () { document.querySelector(".phHeader .phNavigation .phHeaderSearch").classList.add("srfcs"); document.querySelector(".phDropDownMenu").classList.add("srfcs"); }); document.querySelector(".phHeader .phNavigation .phHeaderSearch #phHeaderSearch").addEventListener("focusout", function () { document.querySelector(".phHeader .phNavigation .phHeaderSearch").classList.remove("srfcs"); document.querySelector(".phDropDownMenu").classList.remove("srfcs"); }); </script> </body> </html>