%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Pennydia | Home Page</title> <link href="css/bootstrap-grid.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap-reboot.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="header"> <div class="header-home"> <a href="home-page.html"> <i class="fa fa-home" aria-hidden="true"></i> home </a> </div> <a class="hedaer-logo" href="home-page.html"> <img src="images/pennydia.png"> </a> <div class="header-in" id="sidebarCollapse"> <div class="header-img"> <img src="images/u-2.png"> </div> <p>Welcome to Pennydia</p> <p>Harvey <i class="fa fa-chevron-down" aria-hidden="true"></i> </p> </div> <div class="header-menu"> <ul> <li><a href="#"><i class="fa fa-bookmark" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-bell" aria-hidden="true"></i><span>5</span></a></li> </ul> </div> </div> <nav id="sidebar"> <div class="sibar-in"> <div id="dismiss"> <i class="fa fa-times"></i> </div> <p>My Communities</p> <ul class="my-com-ul"> <li><a href="communities-profile.html"><div class="image"><img src="images/tec-1.jpg"></div> Frontend Developers</a></li> <li><a href="communities-profile.html"><div class="image"><img src="images/tec-2.jpg"></div> Angular Developer Community</a></li> <li><a href="communities-profile.html"><div class="image"><img src="images/tec-3.jpg"></div> Java Developers</a></li> <li><a href="manage-your-communities.html" class="view-all">+ View All</a></li> </ul> <p>User Details</p> <ul class="my-edits-ul"> <li><a href="my-profile.html"><i class="fa fa-user" aria-hidden="true"></i> My Profile </a></li> <li><a href="user-setting.html"><i class="fa fa-cog" aria-hidden="true"></i> User Settings </a></li> </ul> <p>Manage Communities</p> <ul class="my-edits-ul"> <li><a href="manage-your-communities.html"><i class="fa fa-plus" aria-hidden="true"></i> Create Community </a></li> <li><a href="manage-your-communities.html"><i class="fa fa-th-large" aria-hidden="true"></i> Manage Communities </a></li> </ul> <ul class="my-edits-ul" style="border-bottom:0; margin:0 0 0 40px;"> <li><a href="login.html"><i class="fa fa-power-off" aria-hidden="true"></i> Logout</a></li> </ul> </div> </nav> <div class="overlay"></div> <div class="home-main-div"> <div class="container"> <div class="row"> <div class="col col-lg-12"> <div class="manage-com"> <div class="manage-com-top"> <h3>Manage Your Communities</h3> <button>Create Community</button> </div> <div class="manage-com-content"> <ul> <li> <a id="pop" href="javascript:;;" class="first-a" data-content="test Desc" data-id="123"> <div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>HTML 5</p> <span>110 Members</span> </a> <div class="pull-right icons-align"> <a href="javascript:;;" class="editInline"><i class="fa fa-pencil"></i></a> <a href="javascript:;;" class="editInline"><i class="fa fa-times"></i></a> </div> </li> <li> <a id="pop" href="javascript:;;" class="first-a" data-content="test Desc" data-id="123"> <div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>HTML 5</p> <span>110 Members</span> </a> <div class="pull-right icons-align"> <a href="javascript:;;" class="editInline"><i class="fa fa-pencil"></i></a> <a href="javascript:;;" class="editInline"><i class="fa fa-times"></i></a> </div> </li> <li> <a id="pop" href="javascript:;;" class="first-a" data-content="test Desc" data-id="123"> <div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>HTML 5</p> <span>110 Members</span> </a> <div class="pull-right icons-align"> <a href="javascript:;;" class="editInline"><i class="fa fa-pencil"></i></a> <a href="javascript:;;" class="editInline"><i class="fa fa-times"></i></a> </div> </li> <li> <a id="pop" href="javascript:;;" class="first-a" data-content="test Desc" data-id="123"> <div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>HTML 5</p> <span>110 Members</span> </a> <div class="pull-right icons-align"> <a href="javascript:;;" class="editInline"><i class="fa fa-pencil"></i></a> <a href="javascript:;;" class="editInline"><i class="fa fa-times"></i></a> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="js/bootstrap.bundle.js" type="text/javascript"></script> <script src="js/popper.min.js" type="text/javascript"></script> <script src="js/bootstrap.js" type="text/javascript"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#sidebar").mCustomScrollbar({ theme: "minimal" }); $('#dismiss, .overlay').on('click', function () { $('#sidebar').removeClass('active'); $('.overlay').removeClass('active'); }); $('#sidebarCollapse').on('click', function () { $('#sidebar').addClass('active'); $('.overlay').addClass('active'); $('.collapse.in').toggleClass('in'); $('a[aria-expanded=true]').attr('aria-expanded', 'false'); }); }); </script> <script> $("a.editInline").css("display","none"); $('li').on('mouseover mouseout',function(){ $(this).find('.editInline').toggle(); //find the closest li and find its children with class editInLine and //toggle its display using 'toggle()' }); </script> </body> </html>