Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -995,6 +995,19 @@ section {
background-color: #f9f9f9;
}

.wrapper {
position: relative;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.pricing img {

position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.pricing .box {
padding: 40px 20px;
text-align: center;
Expand Down
7 changes: 5 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
<li class="drop-down"><a href="#events">Events</a>
<ul>
<li><a href="#investas">Investas</a></li>
<li><a href="#insight">Insight</a></li>
<li><a href="insight-page.html">Insight</a></li>
<li><a href="#talk">The Talk</a></li>
<li><a href="#guest-lectures">Guest Lectures and Webinars</a></li>
</ul>
Expand Down Expand Up @@ -335,7 +335,10 @@ <h4>Team Member 4</h4>

<div class="section-title">
<h2>Journey</h2>
<img src="journey.jpeg">

<div class="wrapper">
<img src="journey.jpeg" class="pricing">
</div>


</div>
Expand Down
158 changes: 158 additions & 0 deletions insight-page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Insight</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">

<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">


<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">

<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">

<!-- =======================================================
* Template Name: KnightOne - v2.1.0
* Template URL: https://bootstrapmade.com/knight-simple-one-page-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>

<body>

<!-- ======= Header ======= -->
<header id="header" class="fixed-top header-inner-pages ">
<div class="container-fluid">

<div class="row justify-content-center">
<div class="col-xl-9 d-flex align-items-center justify-content-between">

<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>

<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="active"><a href="index.html">Home</a></li>

<li class="drop-down"><a href="#events">Events</a>
<ul>
<li><a href="#investas">Investas</a></li>
<li><a href="insight-page.html">Insight</a></li>
<li><a href="#talk">The Talk</a></li>
<li><a href="#guest-lectures">Guest Lectures and Webinars</a></li>
</ul>
</li>
<li><a href="#members">Members</a></li>
<li class="drop-down"><a href="#journey">Projects</a>
<ul>
<li><a href="#bharatx">BharatX</a></li>
<li><a href="#navriti">Navriti</a></li>
</ul>
</li>


</ul>
</nav><!-- .nav-menu -->


</div>
</div>

</div>
</header><!-- End Header -->


<main id="main">

<!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs">
<div class="container">

<ol>
<li><a href="index.html">Home</a></li>
<li>Insight</li>
</ol>
<!-- <h2>Insight</h2> -->

</div>
</section><!-- End Breadcrumbs -->

<section class="inner-page">
<div class="container">
<h1>Insight</h1>
<p>
Every year, a distinguished alumni in the field of finance is invited to interact with the student community and put forward their opinions on various upcoming domains of finance.
</p>
<h2>Past Events</h2>
<p> 1 . Planning your Career after Engineering: An interactive webinar where Arpit Agarwal, Principal at Blume Ventures and founder of Pragyan, talked about the importance of career planning and how to go about it in an effective manner.</p>
<h3></h3>
<p> 2 . Interactive Q&A session with Prasanna Mathiannal, Head Trader at Standard Chartered Bank, Hong Kong, who talked about the realities of trading.</p>
<p> 3 . Case Solving Competitions: The club also conducts various case-solving competitions throughout the year, where students try solving real-life industry problems.</p>
</div>
</section>

</main><!-- End #main -->

<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">

<a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
<p>The Finance and Investments Club of NIT Trichy</p>
<div class="social-links">

<a href="https://www.facebook.com/profnitt/" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://www.instagram.com/profnitt/?igshid=jii9l3tsfr99" class="instagram"><i class="bx bxl-instagram"></i></a>

<a href="https://in.linkedin.com/company/profnitt" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
<div class="copyright">
&copy; Copyright <strong><span>ProfNITT</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/knight-simple-one-page-bootstrap-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->

<div id="preloader"></div>
<a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>

<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>

<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>

</body>

</html>