<div class="card">
	<div class="card-content">
		<div class="card-data usr-profile">
			<div class="pa-3">
				<p class="mb-0">Today</p>
			</div>
			<div class="media-listing">
				<ul class="list-unstyled">
					<li class="media border-bottom-1 d-flex py-4">
						<div class=" mr-4"><img src="/images/avatars/user-7.jpg" class="rounded-circle img-responsive" alt="user profile" width="60" height="60" /></div>
						<div class="media-body">
							<span class="fw-bold">Louise Kate <span class="small">@louisekate</span></span>
							<p class="mb-0">The new common language will be more simple and regular than the existing European languages. It will be as simple as Occidental; in fact, it will be Occidental.</p>
						</div>
					</li>
					<li class="media border-bottom-1 d-flex py-4">
						<div class="mr-4"><img src="/images/avatars/user-8.jpg" class="rounded-circle img-responsive" alt="user profile" width="60" height="60" /></div>
						<div class="media-body">
							<span class="fw-bold">Annie Lee <span class="small">@Annielee</span></span>
							<p class="mb-2">Posted new photo</p>
							<div class="img-post">
								<img src="/images/profile-post.jpg" class="img-responsive" alt="profile-post-img" />
							</div>
						</div>
					</li>
					<li class="media border-bottom-light-1 d-flex py-4">
						<div class="mr-4">
							<img src="/images/avatars/user-9.jpg" class="rounded-circle img-responsive" alt="user profile" width="60" height="60" />
						</div>
						<div class="media-body">
							<span class="fw-bold mb-3 d-block">Mark Anthony <span class="small">@louisekate</span></span>
							<div class="p-3 primary-bg ">
								<h3 class="mb-0 text-white">The new common language will be more simple and regular than the existing European languages.
								</h3>
							</div>
						</div>
					</li>
					<li class="media border-bottom-light-1 d-flex py-4">
						<div class="mr-4">
							<img src="/images/avatars/user-10.jpg" class="rounded-circle img-responsive" alt="user profile" width="60" height="60" />
						</div>
						<div class="media-body">
							<span class="fw-bold">Annie Lee <span class="small">@louisekate</span></span>
							<p class="mb-2">Posted 4 photos</p>
							<ul class="list-inline row mb-0 layout wrap">
								<li class="col s6 m4 l3 mb-4 text-center">
									<img src="/images/gallery1.jpg" class="img-responsive" width="200" height="200" alt="image post" />
								</li>
								<li class="col s6 m4 l3 mb-4 text-center">
									<img src="/images/gallery2.jpg" class="img-responsive" width="200" height="200" alt="image post" />
								</li>
								<li class="col s6 m4 l3 mb-4 text-center">
									<img src="/images/gallery3.jpg" class="img-responsive" width="200" height="200" alt="image post" />
								</li>
								<li class="col s6 m4 l3 mb-4 text-center">
									<img src="/images/gallery4.jpg" class="img-responsive" width="200" height="200" alt="image post" />
								</li>
							</ul>
						</div>
					</li>
					<li class="media border-bottom-light-1 d-flex py-4">
						<div class="mr-4">
							<img src="/images/avatars/user-11.jpg" class="rounded-circle img-responsive" alt="user profile" width="60" height="60" />
						</div>
						<div class="media-body">
							<span class="fw-bold">Mark Anthony <span class="small">@louisekate</span></span>
							<p class="mb-2">Postd a new blog in website</p>
							<div class="media d-flex">
								<div class="mb-4 mr-4">
									<img src="/images/post-2.png" class="img-responsive" alt="post image" width="300" height="180" />
								</div>
								<div class="media-body mb-4">
									<h5 class="fw-bold">How to setup your estore in 10 min.</h5>
									<p>Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper </p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
