%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-profile"> <ul> <li class="firsta"><a href="#"> <img src="images/u-1.png" > <p>Joe Allen</p> <span>Software Engineer, Noida, India</span></a> </li> <li><a href="#"> <strong>2</strong> <span>Followers</span></a> </li> <li><a href="#"> <strong>22</strong> <span>Following</span></a> </li> </ul> <a href="#" class="edit-all"><i class="fa fa-pencil" aria-hidden="true"></i> Edit </a> </div> <div class="user-profile-bottom"> <ul class="my-profile-btn"> <li><a href="#"><i class="fa fa-heart" aria-hidden="true"></i> 23 Likes </a></li> <li><a href="#"><i class="fa fa-user-plus " aria-hidden="true"></i> 12 Invites </a></li> </ul> <div class="ranking-sec"> <img src="images/achivement-1.jpg" style="float:left;"> <a href="#">Beginner <i class="fa fa-info-circle " aria-hidden="true"></i></a> <img src="images/achivement-2.jpg" style="float:right;"> <div class="clearfix"></div> <input type="range" min="1" max="100" value="50" class="slider"> </div> </div> </div> <div class="right-container"> <div class="intrest-sec"> <h4>Interests</h4> <p>Web Development, HTML, CSS, Jquery, PHP, My SQL</p> <a href="#" class="vieww-all">+ Add More</a> </div> </div> <div class="right-container"> <div class="intrest-sec"> <h4>Interests</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 class="right-container"> <h2>Communities Following</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><button>Unfollow</button></li> <li><a href="#"><div class="header-img"> <img src="images/tec-2.jpg"> </div> <p>Python</p> <span>110 Members</span></a><button>Unfollow</button></li> <li><a href="#"><div class="header-img"> <img src="images/tec-3.jpg"> </div> <p>Java</p> <span>110 Members</span></a><button>Unfollow</button></li> <li><a href="#"><div class="header-img"> <img src="images/tec-1.jpg"> </div> <p>Oracle</p> <span>110 Members</span></a><button>Unfollow</button></li> </ul> <div class="clearfix"></div> <a href="#" class="vieww-all">Explore More <i class="fa fa-long-arrow-right" aria-hidden="true" style="color:#3ABA57"></i></a> </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><a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true" style="color:#3ABA57"></i> 300 <i class="fa fa-long-arrow-down" aria-hidden="true" style="color:#E04E4E"></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"> <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><a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true" style="color:#3ABA57"></i> 300 <i class="fa fa-long-arrow-down" aria-hidden="true" style="color:#E04E4E"></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><a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true" style="color:#3ABA57"></i> 300 <i class="fa fa-long-arrow-down" aria-hidden="true" style="color:#E04E4E"></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="left-container profile-div-right"> <h2>People you should Follow</h2> <ul> <li> <a href="#"><div class="header-img"> <img src="images/u-1.png"> </div> <p>Samuel Hanson</p> <span>110 Members</span></a> </li> <li> <a href="#"><div class="header-img"> <img src="images/u-2.png"> </div> <p>Daisy Sanders</p> <span>110 Members</span></a> </li> <li> <a href="#"><div class="header-img"> <img src="images/u-3.png"> </div> <p>Blake Reynolds</p> <span>110 Members</span></a> </li> <li> <a href="#"><div class="header-img"> <img src="images/u-4.png"> </div> <p>Ida Hogan</p> <span>110 Members</span></a> </li> </ul> </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 class="right-container"> <h2>Your 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> <button class="btn btn-success profile-right-btn">+ Add Communities</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> </body> </html>