CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="en-gb"> <head> <base href="https://www.kahlilgibran.com/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Kahlil Gibran, The Prophet, Mary Elizabeth Haskell, Life, Work, Legacy, Biography, Poetry. " /> <meta name="og:site_name" content="Kahlil Gibran Collective Inc. " /> <meta name="og:title" content="Home - Kahlil Gibran Collective Inc. " /> <meta name="og:description" content="The KGC is the collaborative effort of passionate researchers, scholars, and biographers of Kahlil Gibran and Mary Haskell, with the primary objective of advancing the understanding and appreciation of Gibran's life, work, and legacy." /> <meta name="og:url" content="https://www.kahlilgibran.com/" /> <meta name="og:type" content="website" /> <meta name="og:image" content="https://www.kahlilgibran.com/images/home/home-1.jpg" /> <meta name="description" content="The KGC is the collaborative effort of passionate researchers, scholars, and biographers of Kahlil Gibran and Mary Haskell, with the primary objective of advancing the understanding and appreciation of Gibran's life, work, and legacy." /> <title>Home - Kahlil Gibran Collective Inc. </title> <link href="/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="https://www.kahlilgibran.com/modules/mod_jf_mobilemenu/assets/jf_mm.min.css" rel="stylesheet" type="text/css" /> <style type="text/css"> .jf_mm_trigger,#jf_mm_menu{display:block} .jf_mm_trigger{background-color:#4a5052;color:#f5f5f5} .jf_mm_wrapper .levelHolderClass,.jf_mm_wrapper .jf_mm_inactive{background-color:#4a5052} .jf_mm_wrapper li{background-color:#4a5052} .jf_mm_wrapper li:hover{background-color:#434749} .jf_mm_wrapper .backItemClass{background-color:#444444} .jf_mm_wrapper .backItemClass:hover{background-color:#333333} .jf_mm_wrapper li,.jf_mm_wrapper li:last-child,.jf_mm_wrapper .backItemClass{border-color:#5a5e5f} .jf_mm_wrapper h2{color:#888888} .jf_mm_wrapper a,.jf_mm_wrapper a:hover{color:#eeeeee} .jf_mm_wrapper .ltr,.jf_mm_wrapper .rtl{-webkit-box-shadow:5px 0 5px -5px #202020;-moz-box-shadow:5px 0 5px -5px #202020;box-shadow:5px 0 5px -5px #202020;} #jf_mm_menu.jf_hidden{display:none!important} .mega_css3 { background: ; background: -moz-linear-gradient(top, 0%, 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%,)); background: -webkit-linear-gradient(top, 0%, 100%); background: -o-linear-gradient(top, 0%, 100%); background: -ms-linear-gradient(top, 0%, 100%); background: linear-gradient(to bottom, 0%, 100%); } .mega_css3 ul.level0 > li.mega > a.mega { color: ; } .mega_css3 ul.level0 li.mega a.mega:hover, .mega_css3 a.over, .mega_css3 a.active, .mega_css3 ul.level1 li.mega.active > a.mega, .mega_css3.mega_css3_light ul.level1 li.mega a.mega.over, .mega_css3 ul.level1 li.mega a:hover, .mega_css3 ul.level1 li.mega a.over { color: ; background-color: ; } @media screen and (max-width: 767px) { .mega_css3 .menubar, .mega_css3 ul.level0 > li.mega { background: ; background: -moz-linear-gradient(top, 0%, 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%,)); background: -webkit-linear-gradient(top, 0%, 100%); background: -o-linear-gradient(top, 0%, 100%); background: -ms-linear-gradient(top, 0%, 100%); background: linear-gradient(to bottom, 0%, 100%); } } </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"a201be903156653ffab12b043d762a36","system.paths":{"root":"","base":""}}</script> <script src="/media/system/js/mootools-core.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="/media/system/js/core.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?88d7034f5b77477d718cb23eba6b2988" type="text/javascript"></script> <script src="https://www.kahlilgibran.com/modules/mod_jf_mobilemenu/assets/jquery.jf_multilevelpushmenu.min.js" type="text/javascript"></script> <script src="https://www.kahlilgibran.com/modules/mod_jf_mobilemenu/assets/jf_mm.min.js" type="text/javascript"></script> <script src="/media/plg_sl_menu_mega_css3/js/mega2.js" type="text/javascript"></script> <script type="text/javascript"> var jf_mm_icons = [ {itemID:"-"+"",fa_icon:"",img:"",style:""} ]; jQuery(document).ready(function($){$("#jf_mm_menu").jf_mm_menu()}); var jf_mm_direction = "ltr"; var jf_mm_backBtnTxt = "Back"; !function(n){n(window).load(function(){n("#jf_mm_menu").removeClass("jf_hidden")})}(jQuery); window.addEventListener('load', function() { SL_SFMegaMenu('mega_css3', 'container'); }, false); </script> <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width" /> <link rel="stylesheet" href="/templates/kg23/css/template.css" media="screen" type="text/css" /> <link rel="stylesheet" href="/templates/kg23/css/grid.css" media="screen" type="text/css" /> <link rel="stylesheet" href="/templates/kg23/css/mega_css3.css" media="screen" type="text/css" /> <link rel="shortcut icon" href="/templates/kg23/favicon.ico" type="image/x-icon" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <script src="/templates/kg23/js/fontawesome.min.js"></script> </head> <body style="min-height:100vh;width:100vw !important;max-width:100% !important;min-width:100% !important"> <div class="full1 desktophide " style="z-index:1100;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.2);position: -webkit-sticky;position: sticky;top:0px;padding:0px 10px"> <div style="display:table;width:100%;"> <div class="logo art-footer" style="display:table-cell;vertical-align:middle;text-align:center;padding:10px;width:90px;"> <a href="/"><img src="https://www.kahlilgibran.com/images/the-kahlil-gibran-collective.png" alt="Kahlil Gibran Collective" style="width:100%;max-width:200px;margin:0 auto;"/></a> </div> <div class="art-postcontent" style="display:table-cell;vertical-align:middle;text-align:center;" > <a href="/donate.html" class="donatelink" title="Donate" ><i class="fa fa-heart" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="#" target="_blank" title="Shop" style="display:none;"><i class="fa fa-shopping-bag" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://www.facebook.com/KahlilGibranCo" target="_blank" title="Facebook"><i class="fa fa-facebook" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://twitter.com/KahlilGibranCo/" target="_blank" title="Twitter"><i class="fa fa-twitter" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://www.instagram.com/KahlilGibranCo/" target="_blank" title="Instagram"><i class="fa fa-instagram" aria-hidden="true" style="font-size:24px;padding:10px 5px;" ></i></a> </div> <div style="display:table-cell;vertical-align:middle;width:90px;text-align:right;"> <div style="display:inline-block;" ><div id="jf_mm_menu" class=" jf_hidden"><nav><h2><i class="fa fa-times"></i>Menu</h2><ul> <li class="item-581 deeper parent"><a href="/about.html" >About</a><h2><i></i>About</h2><ul class="nav-child unstyled"><li class="item-623" style="text-align: left"><a href="/about.html">About</a></li><li class="item-604"><a href="/about/man-poet.html" >Man & Poet</a><h2><i></i>Man & Poet</h2></li><li class="item-672"><a href="/about/collective.html" >Collective</a><h2><i></i>Collective</h2></li></ul></li><li class="item-639 deeper parent"><a href="/the-prophet.html" >The Prophet</a><h2><i></i>The Prophet</h2><ul class="nav-child unstyled"><li class="item-623" style="text-align: left"><a href="/the-prophet.html">The Prophet</a></li><li class="item-674"><a href="/the-prophet/about-book.html" >About Book</a><h2><i></i>About Book</h2></li><li class="item-675"><a href="/the-prophet/prophet-100.html" >Prophet 100</a><h2><i></i>Prophet 100</h2></li></ul></li><li class="item-632 deeper parent"><a href="/archives.html" >Archives</a><h2><i></i>Archives</h2><ul class="nav-child unstyled"><li class="item-623" style="text-align: left"><a href="/archives.html">Archives</a></li><li class="item-678"><a href="/archives/written-works.html" >Written Works</a><h2><i></i>Written Works</h2></li><li class="item-677"><a href="/archives/artworks.html" >Artworks</a><h2><i></i>Artworks</h2></li><li class="item-702"><a href="/archives/temple-of-arts-series.html" >Temple of Arts Series</a><h2><i></i>Temple of Arts Series</h2></li></ul></li><li class="item-613"><a href="/latest.html" >Latest</a><h2><i></i>Latest</h2></li><li class="item-139"><a href="/contact.html" >Contact</a><h2><i></i>Contact</h2></li></ul></nav></div><div class="jf_mm_trigger"><i class="fa fa-align-right"></i></div><div class="jf_mm_backout"></div> </div> </div> </div> </div> <div class="full1 mobilehide" style="background:#fff;;z-index:1100;box-shadow:2px 2px 10px rgba(0,0,0,.2);position: -webkit-sticky;position: sticky;top:0px;"> <div class="row flex center1" style="padding:0px 10px;"> <div class="c2 art-postcontent" style="text-align:center;padding:10px 10px"> <a href="/"><img class="image" src="https://www.kahlilgibran.com/images/the-kahlil-gibran-collective.png" alt="Kahlil Gibran Collective" style="width:100%;max-width:80px;margin:0 auto;" /> </a> </div> <div class="c8 centert" style="padding: 10px;"> <div class="sl-megamenu mega_css3 mega_css3_light clearfix" id="mega_css3"> <label for="mega_css3-check" class="menubar"> <span>Menu</span> </label> <input type="checkbox" class="menubar-check" id="mega_css3-check" /> <ul class="megamenu level0"><li class="mega first haschild"><a href="/about.html" class="mega first haschild" id="menu581" title="About"><span class="menu-title">About</span></a><div class="childcontent cols1 "> <div class="childcontent-inner-wrap"> <div class="childcontent-inner clearfix" style="width: 300px;"><div class="megacol column1 first" style="width: 300px;"><ul class="megamenu level1"><li class="mega first"><a href="/about/man-poet.html" class="mega first" id="menu604" title="Man & Poet"><span class="menu-title">Man & Poet</span></a></li><li class="mega last"><a href="/about/collective.html" class="mega last" id="menu672" title="Collective"><span class="menu-title">Collective</span></a></li></ul></div></div> </div></div></li><li class="mega haschild"><a href="/the-prophet.html" class="mega haschild" id="menu639" title="The Prophet"><span class="menu-title">The Prophet</span></a><div class="childcontent cols1 "> <div class="childcontent-inner-wrap"> <div class="childcontent-inner clearfix" style="width: 200px;"><div class="megacol column1 first" style="width: 200px;"><ul class="megamenu level1"><li class="mega first"><a href="/the-prophet/about-book.html" class="mega first" id="menu674" title="About Book"><span class="menu-title">About Book</span></a></li><li class="mega last"><a href="/the-prophet/prophet-100.html" class="mega last" id="menu675" title="Prophet 100"><span class="menu-title">Prophet 100</span></a></li></ul></div></div> </div></div></li><li class="mega haschild"><a href="/archives.html" class="mega haschild" id="menu632" title="Archives"><span class="menu-title">Archives</span></a><div class="childcontent cols1 "> <div class="childcontent-inner-wrap"> <div class="childcontent-inner clearfix" style="width: 300px;"><div class="megacol column1 first" style="width: 300px;"><ul class="megamenu level1"><li class="mega first"><a href="/archives/written-works.html" class="mega first" id="menu678" title="Written Works"><span class="menu-title">Written Works</span></a></li><li class="mega"><a href="/archives/artworks.html" class="mega" id="menu677" title="Artworks"><span class="menu-title">Artworks</span></a></li><li class="mega last"><a href="/archives/temple-of-arts-series.html" class="mega last" id="menu702" title="Temple of Arts Series"><span class="menu-title">Temple of Arts Series</span></a></li></ul></div></div> </div></div></li><li class="mega"><a href="/latest.html" class="mega" id="menu613" title="Latest"><span class="menu-title">Latest</span></a></li><li class="mega last"><a href="/contact.html" class="mega last" id="menu139" title="Contact"><span class="menu-title">Contact</span></a></li></ul> </div></div> <div class="c2 right1 art-postcontent" style="text-align:center!important;padding:10px 10px"> <a href="/donate.html" class="donatelink" title="Donate" ><i class="fa fa-heart" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="#" target="_blank" title="Shop" style="display:none;"><i class="fa fa-shopping-bag" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://www.facebook.com/KahlilGibranCo" target="_blank" title="Facebook"><i class="fa fa-facebook" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://twitter.com/KahlilGibranCo/" target="_blank" title="Twitter"><i class="fa fa-twitter" aria-hidden="true" style="font-size:24px;padding:10px 5px; "></i></a> <a href="https://www.instagram.com/KahlilGibranCo/" target="_blank" title="Instagram"><i class="fa fa-instagram" aria-hidden="true" style="font-size:24px;padding:10px 5px;" ></i></a> </div> </div> </div> <script src="/templates/kg23/js/jquery.scrollify.js"></script> <script src="/templates/kg23/js/main.js"></script> <style> @media screen and (min-width: 960px) { .h1home {font-size:80px!important;line-height:120%!important;} .h3home {text-align:right;font-size:48px!important;line-height:120%!important;color:#ffdc6d!important;;background:#fff} .fixedrowfirst { position:fixed;margin: 0; padding:10px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .fixedrow { position:fixed;margin: 0; padding:10px; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 960px) { .flex {display:} .fixedrowfirst {padding:10px;} .fixedrow {padding:10px;} .h1home {font-size:62px!important;line-height:120%!important;margin-bottom:20px!important;} .h3home {text-align:right;font-size:48px!important;line-height:120%!important;color:#ffdc6d!important;background:#fff;margin-bottom:20px!important;} #main4 {transition:all 0.5s ease-in-out;opacity:1!important;} #main4 .center1{padding:60px 0px 0px 0px;} #home1 {transition:all 0.5s ease-in-out;opacity:1!important;top:0!important;} #home2 {transition:all 0.5s ease-in-out;opacity:1!important;top:0!important;} #home3 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} #home4 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} #home5 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} #home6 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} #home7 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} #home8 {transition:all 0.5s ease-in;opacity:1!important;;position:relative;top:0!important;} } [data-aos="fade"] { opacity: 0; transition-property: transform, opacity; &.aos-animate { opacity: 1; } @media screen and (min-width: 768px) { transform: translateX(100px); &.aos-animate { transform: translateX(0); } } } .centerall {position:absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin:0 auto;max-width:1000px;padding:0 20px; } .centervertical {position:absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } #main0 {transition:all 0.5s ease-in-out;opacity:1;} #main1 {transition:all 0.5s ease-in-out;opacity:1;position:absolute;} #main2 {transition:all 0.5s ease-in-out;opacity:0;position:absolute;} #main3 {transition:all 0.5s ease-in-out;opacity:0;position:absolute;} #main4 {transition:all 0.5s ease-in-out;opacity:0;} #home1 {transition:all 0.5s ease-in-out;opacity:1;} #home2 {transition:all 0.5s ease-in-out;opacity:1;} #home3 {transition:all 0.5s ease-in;opacity:0;position:relative;} #home4 {transition:all 0.5s ease-in;opacity:0;position:relative;} #home5 {transition:all 0.5s ease-in;opacity:0;position:relative;} #home6 {transition:all 0.5s ease-in;opacity:0;position:relative;} #home7 {transition:all 0.5s ease-in;opacity:0;position:relative;} #home8 {transition:all 0.5s ease-in;opacity:0;position:relative;} </style> <script> addEventListener('scroll', function(){ console.log(-document.querySelector('#body').getBoundingClientRect().top); console.log(window.innerHeight); if (-document.querySelector('#body').getBoundingClientRect().top > -200 && -document.querySelector('#body').getBoundingClientRect().top < 0.5*window.innerHeight ) { document.getElementById('main1').style.opacity = '1'; } else { document.getElementById('main1').style.opacity = '0'; } if (-document.querySelector('#body').getBoundingClientRect().top > 0.5*window.innerHeight && -document.querySelector('#body').getBoundingClientRect().top < 1*window.innerHeight ) { document.getElementById('main2').style.opacity = '1'; document.getElementById('home1').style.opacity = '1'; document.getElementById('home1').style.top = '0'; document.getElementById('home2').style.opacity = '1'; document.getElementById('home2').style.top = '0'; } else { document.getElementById('home1').style.opacity = '0'; document.getElementById('home1').style.top = '300px'; document.getElementById('home2').style.opacity = '0'; document.getElementById('home2').style.top = '340px'; document.getElementById('main2').style.opacity = '0'; } if (-document.querySelector('#body').getBoundingClientRect().top > 1*window.innerHeight && -document.querySelector('#body').getBoundingClientRect().top < 1.8*window.innerHeight ) { document.getElementById('main3').style.opacity = '1'; document.getElementById('home3').style.opacity = '1'; document.getElementById('home3').style.top = '0'; document.getElementById('home4').style.opacity = '1'; document.getElementById('home4').style.top = '0'; } else { document.getElementById('main3').style.opacity = '0'; document.getElementById('home3').style.opacity = '0'; document.getElementById('home3').style.top = '300px'; document.getElementById('home4').style.opacity = '0'; document.getElementById('home4').style.top = '340px'; } if (-document.querySelector('#body').getBoundingClientRect().top > -200 && -document.querySelector('#body').getBoundingClientRect().top < 1.8*window.innerHeight ) { document.getElementById('main0').style.opacity = '1'; } else { document.getElementById('main0').style.opacity = '0'; } if (-document.querySelector('#body').getBoundingClientRect().top > 2*window.innerHeight && -document.querySelector('#body').getBoundingClientRect().top < 9.1*window.innerHeight ) { document.getElementById('main4').style.opacity = '1'; } else { document.getElementById('main4').style.opacity = '0'; } }); </script> <div id="body" > <div class="full1 art-postcontent" style="background:#fff ;position:relative;padding:40px 0px;z-index:-3;"> <div class="row center1 flex fixedrowfirst" style="padding:0 10px;" > <div class="c4" style="padding:10px;;" id="main0" > <h1 class="h1home" id="h1home1" >Kahlil Gibran Collective</h1> <div style="position:relative;"> <h3 class="mobilehide h3home" style="" id="main1" >the artist.</h3> <h3 class="mobilehide h3home" style="" id="main2" >the poet.</h3> <h3 class="mobilehide h3home" style="" id="main3" >the man.</h3> </div> </div> <div class="c8" > </div> </div> <div class="row center1 flex" style="padding:0 10px;min-height:78vh"> <div class="c4 mobilehide" style="padding:10px;opacity:0;" > <h1 class="h1home" >Kahlil Gibran Collective</h1> <div style="position:relative;"> <h3 class="mobilehide h3home" >the artist.</h3> </div> </div> <div class="d4" style="padding:10px;text-align:center"> <img src="/images/home/home-1.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> <div class="d4" style="padding: 10px;text-align:center"> <h3 class="desktophide h3home">the<br>artist.</h3> <h3 class="mobilehide h3home" style="opacity:0;" >the artist.</h3> <img src="/images/home/home-3.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> </div> </div> <div class="full1 art-postcontent" style=";position:relative;padding:40px 0px;z-index:-2;"> <div class="row center1 flex" style="position:relative;padding:0 10px;;min-height:78vh" > <div class="c4 mobilehide" style="padding:10px;opacity:0;" > <h1 class="h1home" >Kahlil Gibran Collective</h1> <div style="position:relative;"> <h3 class="mobilehide h3home" >the poet.</h3> </div> </div> <div class="d4" id="home1" style="padding:10px;text-align:center"> <img src="/images/home/home-8.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> <div class="d4" id="home2" style="padding:10px ;text-align:center"> <h3 class="desktophide h3home">the<br>poet.</h3> <h3 class="mobilehide h3home" style="opacity:0;" >the poet.</h3> <img src="/images/home/home-7.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> </div> </div> <div class="full1 art-postcontent" style=";position:relative;padding:40px 0px;z-index:-1;"> <div class="row center1 " style="position:relative;padding:0 10px;;min-height:78vh" > <div class="c4 mobilehide" style="padding:10px;opacity:0;" > <h1 class="h1home" >Kahlil Gibran Collective</h1> <div style="position:relative;"> <h3 class="mobilehide h3home" >the man.</h3> </div> </div> <div class="d4" id="home3" style="padding:10px;text-align:center"> <img src="/images/home/home-9.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> <div class="d4" id="home4" style="padding:10px;text-align:center"> <h3 class="desktophide h3home">the<br>man.</h3> <h3 class="mobilehide h3home" style="opacity:0;" >the man.</h3> <img src="/images/home/home-11.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> </div> </div> <div class="full1 art-postcontent" id="main4" style="background:#fefdf6;position:relative;padding:40px 0px;z-index:20;"> <div class="row center1 flex" > <div class="c6" style="padding:10px 20px;text-align:center"> <img src="/images/home/home-13.jpg" alt="Kahlil Gibran Collective" title="Kahlil Gibran Collective" style="width:100%;" class="image" /> </div> <div class="c6" style="padding:40px 10px;"> <h1 class="h1home" style="color:#ffdc6d;padding:10px;" id="h1home2" >Kahlil Gibran Collective</h1> <div class="row " style="max-width:410px;"> <div class="d6" style="padding:10px;text-align:center"> <a class="art-buttonfooter" href="/about.html" style="width:100%;">About</a> </div> <div class="d6" style="padding:10px;text-align:center"> <a class="art-buttonfooter" href="/archives.html" style="width:100%;">Archives</a> </div> </div> </div> </div> </div></div> <div class="art-postcontent"> </div> {simplepopup name=popUpNumber1 popup=true articleid=126 cookie=1 cssclass="art-postcontent"}{/simplepopup} <script>$('#inline').click(function(){ $.fancybox.close(); }); </script> <div class="full1 art-footer footer1" style="padding:40px 0px;background:#111;"> <div class="row center1" style="position:relative;z-index:20"> <div class="d2a" style="padding:10px 20px;"> <h3 class="footerheader" >Explore</h3> <a href="/about.html" id="ql0" style="text-decoration:none;display:block;line-height:200%">About</a> <a href="/the-prophet.html" id="ql1" style="text-decoration:none;display:block;line-height:200%">The Prophet</a> <a href="/archives.html" id="ql2" style="text-decoration:none;display:block;line-height:200%">Archives</a> <a href="/latest.html" id="ql3" style="text-decoration:none;display:block;line-height:200%">Latest</a> <a href="/contact.html" id="ql4" style="text-decoration:none;display:block;line-height:200%">Contact</a> </div> <div class="d2a " style="padding: 10px 20px; "> <h3 class="footerheader" >The Latest</h3> <div style="margin-bottom:10px;"> <a href="/latest/155-lebanon,-my-lebanon,-part-1.html" itemprop="url" style="text-decoration:none;display:block;line-height:120%;font-weight:normal"> Lebanon, My Lebanon, Part 1... </a> </div> <div style="margin-bottom:10px;"> <a href="/latest/154-a-visual-meditation-a-rope-of-hope.html" itemprop="url" style="text-decoration:none;display:block;line-height:120%;font-weight:normal"> A VISUAL MEDITATION - A Rope of Hope... </a> </div> <div style="margin-bottom:10px;"> <a href="/latest/153-three-lebanese-folk-songs-translated-into-english-by-kahlil-gibran.html" itemprop="url" style="text-decoration:none;display:block;line-height:120%;font-weight:normal"> Three Lebanese Folk Songs Translated int... </a> </div> <div style="margin-bottom:10px;"> <a href="/latest/152-rose-cecil-o-neil-rosalind-a-new-portrait-by-kahlil-gibran.html" itemprop="url" style="text-decoration:none;display:block;line-height:120%;font-weight:normal"> Rose Cecil O'Neil (Rosalind) - a new por... </a> </div> </div> <div class="clearfix desktophide"></div> <div class="d2a" style="padding: 10px 20px; "> <h3 class="footerheader" > Contact </h3> <div style="margin:0px 0;white-space:nowrap;line-height:200%"> <i class="fa fa-building" style="width:25px;" ></i> <div style="display:inline-block;vertical-align:top">Kahlil Gibran Collective</div> </div> <a href="https://www.kahlilgibran.com" style="text-decoration:none;display:block;line-height:200%"><i class="fa fa-globe" aria-hidden="true" style="width:25px;"></i> www.kahlilgibran.com</a> <a href="mailto:hello@kahlilgibran.com" style="text-decoration:none;display:block;line-height:200%;white-space:nowrap"><i class="fa fa-envelope" aria-hidden="true" style="width:25px;" ></i> Email Us</a> <div style="margin:20px 0 10px 0;"> <a href="/subscribe" class="art-button" style="border:1px solid #eee;width:auto;padding:0 20px;"> Subscribe to Newsletter </a> </div> </div> <div class="d2a" style="padding: 10px 20px; "> <h3 class="footerheader" style="" > Connect </h3> <a href="/donate" class="donatelink" style="text-decoration:none;display:block;line-height:200%;white-space:nowrap;"><i class="fa fa-heart" aria-hidden="true" style="width:25px;" ></i> Donate</a> <a href="https://www.facebook.com/KahlilGibranCo" target="_blank" style="text-decoration:none;display:block;line-height:200%;white-space:nowrap"><i class="fa fa-facebook-official" aria-hidden="true" style="width:25px;" ></i> Facebook</a> <a href="https://twitter.com/KahlilGibranCo/" target="_blank" style="text-decoration:none;display:block;line-height:200%;white-space:nowrap"><i class="fa fa-twitter" aria-hidden="true" style="width:25px;" ></i> Twitter</a> <a href="https://www.instagram.com/KahlilGibranCo/" target="_blank" style="text-decoration:none;display:block;line-height:200%;white-space:nowrap"><i class="fa fa-instagram" aria-hidden="true" style="width:25px;" ></i> Instagram</a> </div> <div class="clearfix desktophide"></div> <div class="c2a " style="padding:30px 20px 20px 20px;"> <a href="/"><img class="image" src="https://www.kahlilgibran.com/images/the-kahlil-gibran-collective-white.png" alt="Kahlil Gibran Collective" style="width:100%;max-width:280px;margin:0 auto"></a> </div> </div> </div> <div class="full1 art-footer footer2" style="background:#211f20;padding:10px 0px;"> <div class="row center1"> <div class="c6 left1" style="padding: 10px 20px;"> Copyright 2024 漏 <a href="/" style="font-size:14px;">Kahlil Gibran Collective</a>     |     <a href="/disclaimer.html">Disclaimer</a>     |     <a href="/sitemap.html">Sitemap</a> </div> <div class="c6 right1" style="padding: 10px 20px;"> Website by <a href="https://www.deltaweb.com.au/" target="_blank">Delta Web</a> </div> </div> </div> </body> </html>