| Current File : /home/hencockfreshchic/public_html/app/pages/topic.php |
<!DOCTYPE html>
<html>
<?php include'head.php'; ?>
<body>
<section style="margin-bottom: 100px;">
<div class="container" style="border:0px solid white;">
<div class="row d-flex justify-content-center">
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-6 col-xl-4">
<div class="mx-auto" style="border:none">
<div class="text-dark my-3">
<h4>What is bothering you laterly?</h4>
<i>Please select one of the topic from below</i>
</div>
<div class="" style="border:0px solid white;">
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">Break Up</p>
<p class="">Broke up with your partner</p>
</div>
</div>
</a>
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">RelationShip</p>
<p class="">Constant figths, with partner</p>
</div>
</div>
</a>
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">Loneliness</p>
<p class="">Tired of single, miss a loved one</p>
</div>
</div>
</a>
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">Friendship</p>
<p class="">Unresolved issues among friends</p>
<h5></h5>
<i></i>
</div>
</div>
</a>
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">Stress</p>
<p class="">Work stress,gettingmarried, illness</p>
</div>
</div>
</a>
<a href="#" class="text-decoration-none text-dark">
<div class="d-flex flex-row justify-content-between my-2">
<div class="px-3 pt-3 ms-3" style="border-radius: 15px; background-color: #ebe7e6;">
<p class="mb-0">Career</p>
<p class="">Need career counselling or guidance</p>
</div>
</div>
</a>
<div class="d-flex flex-row justify-content-end my-2">
<button type="button" class="btn btn-dark fw-bold">Submit <i class="bi bi-arrow-right-circle-fill text-white"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="mx-3">
<div class="container no-gutters">
<div class="row row-spac no-gutters">
<div class="col-md-5 no-gutters my-5" style="margin: auto;padding: 0px;">
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top">
<h4>What is bothering you laterly?</h4>
<i>Please select one of the topic from below</i>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mx-3">
<div class="container no-gutters">
<div class="row row-spac no-gutters">
<div class="col-md-5 no-gutters my-5" style="margin: auto;padding: 0px;">
<div class="row">
<div class="col-12 rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Break Up</h5>
<i>Broke up with your partner</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>RelationShip</h5>
<i>Constant figths, with partner</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Loneliness</h5>
<i>Tired of single, miss a loved one</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Friendship</h5>
<i>Unresolved issues among friends</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Stress</h5>
<i>Work stress,gettingmarried, illness</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top my-3 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Career</h5>
<i>Need career counselling or guidance</i>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 bg-light rounded">
<div class="top mb-5 shadow p-3">
<a href="#" class="subject text-decoration-none text-dark">
<h5>Studies</h5>
<i>Lack of focus, failure in exam</i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<?php include 'footer.php';?>
</body>
</html>