%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>