%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-3"> <div class="user-profile-main"> <div class="user-comunity"> <ul> <li class="firsta"> <div class="img"> <img src="images/tec-3.jpg" > </div> <p>Angular Developer Community </p> </li> <li><a href="#"> <strong>2</strong> <span>Followers</span></a> </li> <li><a href="#"> <strong>22</strong> <span>Like</span></a> </li> <li><a href="#"> <strong>22</strong> <span>Post</span></a> </li> </ul> <a href="#" class="edit-all"><i class="fa fa-pencil" aria-hidden="true"></i> Edit </a> <div class="clearfix"></div> <button class="user-follow">Follow</button> <button class="user-delete">Delete</button> </div> </div> <div class="right-container"> <div class="intrest-sec"> <h4>Share Communities</h4> <ul class="profile-social"> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> </ul> </div> </div> </div> <div class="col col-lg-6"> <div class="mid-container"> <h2>What’s New</h2> <div class="what-new-sec"> <input type="text" placeholder="Write Here..." data-toggle="modal" data-target="#myModal"> <button>Publish</button> </div> <div class="home-popups"> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <h3>Create a post</h3> <textarea placeholder="Write your Post"></textarea> <div class="content-footer"> <div class="content-footer-left"> <a href="#"> Add Image<div class="iconsa"><i class="fa fa-camera" aria-hidden="true"></i></div></a> <a href="#"> Add Link<div class="iconsa"><i class="fa fa-link" aria-hidden="true"></i></div></a> </div> <div class="content-footer-right"> <span>Post as</span> <select> <option>Admin</option> </select> <button type="button" class="btn btn-default">Publish</button> </div> </div> </div> </div> </div> </div> <!-- Modal --> </div> <div class="mid-container"> <div class="post-main"> <div class="post-top"> <div class="header-img"> <img src="images/u-1.png"> </div> <p>Alejandro Bradley</p> <span>Software Engineer, Noida</span> <div class="dropdown"> <button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-ellipsis-v" aria-hidden="true" style="color:#7f7f7f;"></i> </button> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Hide</a> <a class="dropdown-item" href="#">delete</a> </div> </div> </div> <div class="post-mid"> <p>Intel has announced its first discrete GPU at the CES 2020. The chipmaker claims that its GPU codenamed as "DG1" is the first big step towards the future computing ambitions.</p> <img src="images/img.jpg"> </div> <div class="post-bottom"> <ul> <li class="arrow-color"> <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> </a>300 <a href="#"><i class="fa fa-long-arrow-down" aria-hidden="true"></i></a></li> <li><a href="JavaScript:void(0);" class="comment-btn"><i class="fa fa-comment-o" aria-hidden="true" style="color:#7f7f7f;"></i> 32 Comments</a></li> <li><a href="#"><i class="fa fa-share-alt" aria-hidden="true" style="color:#7f7f7f;"></i> Share</a></li> <li><a href="#"><i class="fa fa-clock-o" aria-hidden="true" style="color:#7f7f7f;"></i> 9:30</a></li> </ul> </div> <div class="comment-section comment-sec"> <div class="comment-section-in"> <div class="comment-input"> <div class="img"> <img src="images/u-1.png"> </div> <input type="text" placeholder="Write Comment..."> <button>Add</button> </div> <div class="comment-section-con"> <div class="img"> <img src="images/u-1.png"> </div> <strong>Vijay</strong> <span>25 April 2019, 33 Updates</span> <div class="clearfix"></div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> <div class="clearfix"></div> </div> <div class="comment-section-bottom-btn"> <a href="#"><i class="fa fa-reply" aria-hidden="true"></i></a> <button>Upvote</button> </div> </div> <div class="comment-section-in"> <div class="comment-input comment-input-2"> <input type="text" placeholder="Write Comment..."> <button>Add</button> </div> <div class="comment-section-con"> <div class="img"> <img src="images/u-1.png"> </div> <strong>Vijay</strong> <span>25 April 2019, 33 Updates</span> <div class="clearfix"></div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> <div class="clearfix"></div> </div> <div class="comment-section-bottom-btn"> <a href="#"><i class="fa fa-reply" aria-hidden="true"></i></a> <button>Upvote</button> </div> </div> </div> </div> </div> <div class="mid-container"> <h3>People You Should Follow</h3> <div class="inner-follow"> <ul> <li><a href="#"><div class="header-img"> <img src="images/u-1.png"> </div> <p>Amy Clark</p> <span>PHP Engineer</span></a><button>Follow</button></li> <li><a href="#"><div class="header-img"> <img src="images/u-2.png"> </div> <p>Amy Clark</p> <span>PHP Engineer</span></a><button>Follow</button></li> <li><a href="#"><div class="header-img"> <img src="images/u-3.png"> </div> <p>Nina Harper</p> <span>PHP Engineer</span></a><button>Follow</button></li> <li><a href="#"><div class="header-img"> <img src="images/u-4.png"> </div> <p>Nina Harper</p> <span>PHP Engineer</span></a><button>Follow</button></li> </ul> <div class="clearfix"></div> <a href="#" class="vieww-all">View All <i class="fa fa-long-arrow-right" aria-hidden="true" style="color:#3ABA57"></i></a> </div> <div class="clearfix"></div> </div> <div class="mid-container"> <div class="post-main"> <div class="post-top"> <div class="header-img"> <img src="images/u-2.png"> </div> <p>Alejandro Bradley</p> <span>Software Engineer, Noida</span> <div class="dropdown"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-ellipsis-v" aria-hidden="true" style="color:#7f7f7f;"></i> </button> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Hide</a> <a class="dropdown-item active" href="#">delete</a> </div> </div> </div> <div class="post-mid"> <p>User-friendly and functional apps are the essence of a robust Android ecosystem. Thus, developing wonderful Android applications is a challenge all the time for Android developers. Some people prefer Java for apps development while others go for Kotlin. There was a conflict between developers to choose one language over the other because of its qualities, functionalities, support, and ease-of-development.<br><br> In 2017, Google steered this issue more by officially asking developers to use Kotlin for Android app development.</p> </div> <div class="post-bottom"> <ul> <li class="arrow-color"> <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> </a>300 <a href="#"><i class="fa fa-long-arrow-down" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-comment-o" aria-hidden="true" style="color:#7f7f7f;"></i> 32 Comments</a></li> <li><a href="#"><i class="fa fa-share-alt" aria-hidden="true" style="color:#7f7f7f;"></i> Share</a></li> <li><a href="#"><i class="fa fa-clock-o" aria-hidden="true" style="color:#7f7f7f;"></i> 9:30</a></li> </ul> </div> </div> </div> <div class="mid-container"> <div class="post-main"> <div class="post-top"> <div class="header-img"> <img src="images/u-4.png"> </div> <p>Alejandro Bradley</p> <span>Software Engineer, Noida</span> <div class="dropdown"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-ellipsis-v" aria-hidden="true" style="color:#7f7f7f;"></i> </button> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Hide</a> <a class="dropdown-item active" href="#">delete</a> </div> </div> </div> <div class="post-mid"> <p>Intel has announced its first discrete GPU at the CES 2020. The chipmaker claims that its GPU codenamed as "DG1" is the first big step towards the future computing ambitions.</p> <img src="images/img.jpg"> </div> <div class="post-bottom"> <ul> <li class="arrow-color"> <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> </a>300 <a href="#"><i class="fa fa-long-arrow-down" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-comment-o" aria-hidden="true" style="color:#7f7f7f;"></i> 32 Comments</a></li> <li><a href="#"><i class="fa fa-share-alt" aria-hidden="true" style="color:#7f7f7f;"></i> Share</a></li> <li><a href="#"><i class="fa fa-clock-o" aria-hidden="true" style="color:#7f7f7f;"></i> 9:30</a></li> </ul> </div> </div> </div> </div> <div class="col col-lg-3"> <div class="right-container"> <h2>Trending Communities</h2> <div class="right-container-in"> <ul> <li><a href="#"><div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>HTML 5</p> <span>110 Members</span></a></li> <li><a href="#"><div class="header-img"> <img src="images/tec-2.jpg"> </div> <p>Python</p> <span>110 Members</span></a></li> <li><a href="#"><div class="header-img"> <img src="images/tec-3.jpg"> </div> <p>Java</p> <span>110 Members</span></a></li> <li><a href="#"><div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>Oracle</p> <span>110 Members</span></a></li> </ul> <div class="clearfix"></div> </div> </div> <div class="right-container"> <h2>Suggestions</h2> <div class="suggestion-sec"> <p>Have any suggestions kindly provide</p> <textarea></textarea> <button>Submit</button> </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> $(document).ready(function(){ $(".comment-btn").click(function(){ $(".comment-sec").toggle(); }); }); </script> </body> </html>