Skip to content

Commit

Permalink
add sections to fill, fix navigation and remove clutters
Browse files Browse the repository at this point in the history
  • Loading branch information
@RuyBlast
RuyBlast committed Nov 26, 2023
1 parent 150744d commit ee4128a
Show file tree
Hide file tree
Showing 3 changed files with 63 additions and 90 deletions.
Binary file added images/leadership-on-the-line.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/leadership-without-easy-answers.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
153 changes: 63 additions & 90 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,8 +56,8 @@ <h1 class="my-0 site-logo"><a href="index.html">We Learn<span class="text-primar
<li><a href="#home-section" class="nav-link">Home</a></li>
<li><a href="#what-we-do-section" class="nav-link">What We Do</a></li>
<li><a href="#about-section" class="nav-link">About Us</a></li>
<li><a href="#portfolio-section" class="nav-link">Portfolio</a></li>
<li><a href="#studio-section" class="nav-link">Gallery</a></li>
<li><a href="#readings-section" class="nav-link">Our Readings</a></li>
<li><a href="#testimonials-section" class="nav-link">Testimonials</a></li>
<li><a href="#contact-section" class="nav-link">Contact</a></li>
</ul>
</div>
Expand All @@ -83,15 +83,15 @@ <h1>Adaptive Leadership Learners</h1>
</div>
<div class="text">
<p class="sub-text mb-5">We hold a collaborative discussion group about Adaptive Leadership.</p>
<p><a href="#" target="_blank" class="btn btn-outline-primary btn-md">Join Our Group</a></p>
<p><a href="#contact-section" target="_blank" class="btn btn-outline-primary btn-md">Join Our Group</a></p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- END .site-blocks-cover -->

<div class="site-section" id="about-section">
<div class="site-section" id="what-section">
<div class="container" style="max-width:700px">
<h2 class="title text-primary mb-3">What is Adaptive Leadership ?</h2>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
Expand All @@ -117,8 +117,39 @@ <h2 class="title text-primary mb-3">What is Adaptive Leadership ?</h2>
</div>
</div> <!-- .END site-section -->


<div class="site-section" id="what-we-do-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mb-5">
<img src="images/sq_img_8.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-5 ml-auto section-title">
<span class="sub-title mb-2 d-block">Group Work</span>
<h2 class="title text-primary mb-3">What We Do</h2>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
</div>
</div>
</div>
</div> <!-- .END site-section -->


<div class="site-section" id="purpose-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 ml-auto section-title">
<span class="sub-title mb-2 d-block">Our Purpose</span>
<h2 class="title text-primary mb-3">Why We Do It</h2>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
</div>
<div class="col-lg-6 mb-5">
<img src="images/sq_img_7.jpg" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div> <!-- .END site-section -->


<div class="site-section" id="values-section">
<div class="container">
<div class="row mb-5">
<div class="col-lg-6 section-title">
Expand Down Expand Up @@ -173,12 +204,12 @@ <h3>Trust</h3>
</div> <!-- END .site-section -->


<div class="site-section" id="what-we-do-section">
<div class="site-section" id="about-section">
<div class="container">
<div class="row mb-5">
<div class="col-lg-6 section-title">
<span class="sub-title mb-2 d-block">Meet The Team</span>
<h2 class="title text-primary">We are talented people.</h2>
<span class="sub-title mb-2 d-block">About Us</span>
<h2 class="title text-primary">The Team</h2>
</div>
</div>
<div class="row no-gutters">
Expand Down Expand Up @@ -228,22 +259,22 @@ <h3>Chris Peters</h3>
</div>
</div>
</div>


<div class="site-section" id="portfolio-section">

<div class="site-section" id="readings-section">
<div class="container">
<div class="row mb-5 ">
<div class="col-md-7 section-title text-center mx-auto">
<span class="sub-title mb-2 d-block">Recent Works</span>
<h2 class="title text-primary mb-3">We love what we do, check out some of our latest works</h2>
<span class="sub-title mb-2 d-block">We Read</span>
<h2 class="title text-primary mb-3">Our bibles</h2>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-6 mb-4 mb-lg-0">
<img src="images/sq_img_2.jpg" alt="Image" class="img-fluid">
<div class="col-lg-5 mb-4 mb-lg-0">
<img src="images/leadership-on-the-line.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-5 h-100 jm-sticky-top ml-auto">
<h3>Project title one</h3>
<h3>Leadrship On The Line</h3>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
<p class="mb-4"><a href="#" class="readmore">Visit website</a></p>
<div class="testimonial bg-white h-100">
Expand All @@ -264,11 +295,11 @@ <h3>Project title one</h3>
</div>

<div class="row mb-5">
<div class="col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0">
<img src="images/sq_img_4.jpg" alt="Image" class="img-fluid">
<div class="col-lg-5 order-1 order-lg-2 mb-4 mb-lg-0">
<img src="images/leadership-without-easy-answers.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-5 h-100 jm-sticky-top mr-auto order-2 order-lg-1">
<h3>Project title two</h3>
<h3>Leadership Without Easy Answers</h3>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
<p class="mb-4"><a href="#" class="readmore">Visit website</a></p>
<div class="testimonial bg-white h-100">
Expand All @@ -288,35 +319,10 @@ <h3>Project title two</h3>
</div>
</div>

<div class="row mb-5">
<div class="col-lg-6 mb-4 mb-lg-0">
<img src="images/sq_img_6.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-5 h-100 jm-sticky-top ml-auto">
<h3>Project title three</h3>
<p class="mb-4">A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
<p class="mb-4><a href="#" class="readmore">Visit website</a></p>
<div class="testimonial bg-white h-100">
<blockquote class="mb-3">
<p>&ldquo;Far far away, behind the word mountains, <strong>far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</strong> right at the coast of the Semantics, a large language ocean.&rdquo;</p>
</blockquote>
<div class="d-flex align-items-center vcard">
<figure class="mb-0 mr-3">
<img src="images/person_3.jpg" alt="Image" class="img-fluid ounded-circle">
</figure>
<div class="vcard-text">
<span class="d-block">Jacob Spencer</span>
<span class="position">Web Designer</span>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

<div class="site-section bg-light">
<div class="site-section bg-light" id="testimonials-section">
<div class="container">
<div class="row mb-5 ">
<div class="col-md-7 section-title text-center mx-auto">
Expand Down Expand Up @@ -358,45 +364,13 @@ <h2 class="title text-primary mb-3">Testimonials</h2>
</figure>
<div class="vcard-text">
<span class="d-block">Milàn Martos</span>
<span class="position">business developer</span>
<span class="position">Business developer</span>
</div>
</div>
</div>
</div>

<div class="col-lg-6 mb-4">
<div class="testimonial bg-white h-100">
<blockquote class="mb-3">
<p>&ldquo;A small river named Duden <strong>flows by their place and supplies it with the necessary regelialia</strong>. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.&rdquo;</p>
</blockquote>
<div class="d-flex align-items-center vcard">
<figure class="mb-0 mr-3">
<img src="images/person_4.jpg" alt="Image" class="img-fluid ounded-circle">
</figure>
<div class="vcard-text">
<span class="d-block">Jean Smith</span>
<span class="position">Web Designer</span>
</div>
</div>
</div>

</div>
<div class="col-lg-6 mb-4">
<div class="testimonial bg-white h-100">
<blockquote class="mb-3">
<p>&ldquo;Far far away, behind the word mountains, <strong>far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</strong> right at the coast of the Semantics, a large language ocean.&rdquo;</p>
</blockquote>
<div class="d-flex align-items-center vcard">
<figure class="mb-0 mr-3">
<img src="images/person_3.jpg" alt="Image" class="img-fluid ounded-circle">
</figure>
<div class="vcard-text">
<span class="d-block">Jacob Spencer</span>
<span class="position">Web Designer</span>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
Expand Down Expand Up @@ -441,7 +415,7 @@ <h2 class="title text-primary">Contact Us</h2>
</form>
</div>
</div> <!-- END .site-section -->

<footer class="site-footer">
<div class="container">
<div class="row">
Expand All @@ -452,12 +426,11 @@ <h3 class="footer-heading mb-4">About Us</h3>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
</div>
</div>



</div>
<div class="col-lg-3 ml-auto">

<div class="row mb-5">
<div class="col-md-12">
<h3 class="footer-heading mb-4">Navigation</h3>
Expand All @@ -470,11 +443,11 @@ <h3 class="footer-heading mb-4">Navigation</h3>
<li><a href="#team-section" class="smoothscroll">Team</a></li>
</ul>
</div>

</div>

</div>


<div class="col-lg-4 mb-5 mb-lg-0">

Expand All @@ -496,11 +469,11 @@ <h3 class="footer-heading mb-2">Subscribe Newsletter</h3>

</div>




</div>

</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
Expand All @@ -516,7 +489,7 @@ <h3 class="footer-heading mb-2">Subscribe Newsletter</h3>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>

</div>
</div>
</footer>
Expand All @@ -531,10 +504,10 @@ <h3 class="footer-heading mb-2">Subscribe Newsletter</h3>
<script src="js/stickyfill.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/isotope.pkgd.min.js"></script>

<script src="js/jquery.fancybox.min.js"></script>
<script src="js/main.js"></script>


</body>
</html>

0 comments on commit ee4128a

Please sign in to comment.