From 488d84c28f3883faf34c0009a0e574e8f4593aaa Mon Sep 17 00:00:00 2001 From: Adarsh Ashokan Date: Fri, 12 Feb 2021 11:15:28 +0530 Subject: [PATCH 1/2] feat: add Investas page demo --- Events - Investas Page.html | 357 ++++++++++++++++++++++++++++++++++++ assets/css/carousel.css | 91 +++++++++ assets/css/investas.css | 76 ++++++++ 3 files changed, 524 insertions(+) create mode 100644 Events - Investas Page.html create mode 100644 assets/css/carousel.css create mode 100644 assets/css/investas.css diff --git a/Events - Investas Page.html b/Events - Investas Page.html new file mode 100644 index 0000000..d3f38de --- /dev/null +++ b/Events - Investas Page.html @@ -0,0 +1,357 @@ + + + + + + + + ProfNITT - Investas + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
+
+

What is Investas?

+

Investas is the annual 3-day managerial-fest conducted by ProfNITT, the Finance and Investments club of NIT Trichy for Finance Enthusiasts in NIT Trichy + as well as South India. The 2019 edition of Investas was a resounding success with 8 major events and 5 sponsors, and over 1000 students attending the fest. + Multiple events such as Guest Lectures and Seminars, Workshops, and Competitions take place as part of the fest. +

+
+
+

Investas-2019

+

+ "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt + ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. + Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." +

+
+
+
+
+ +
+
+
+
+

Day 1 +

+
    +
  • +
    The Money Heist
    +

    + An Equity Trading Contest which was conducted with real live market data, over an online app-based platform monitored by the club using virtual money. +

    +
    • +
  • +
    Chief Guest – Guest Lecture
    +

    + A guest lecture by Mr. Rajan Singh, CEO – Concept Owl (MBA from Wharton and Ex-McKinsey) introducing students to the field of finance and its scope. +

    +
    • +
  • +
    Leveraging Tech in Finance
    +

    + A guest lecture by Mr. Sridhar Gopal (Head of Tech Hedge Funds, Wells Fargo) on how tech is being incorporated in various fields of finance and the challenges faced +

    +
    • +
  • +
    Case Study - M&A's
    +

    + An interactive session with Mr. Aditya Somani (Ex-VP Private Equity, Premji Invest – NSR), in which concepts pertaining to Mergers and Acquisitions were discussed. +

    +
    • +
+
+
+
+
+

Day 2

+
    +
  • +
    Analytix
    +

    + An event where students learnt how to interpret financial data and make insights +

    +
    • +
  • +
    Lecture on Derivatives
    +

    + A Guest Lecture by Mr. Sivakumar S, VP – Citi Bank, who introduced students to the confusing concept of derivatives in finance. +

    +
    • +
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+

Day 3

+
    +
  • +
    Intro to Venture Capital
    +

    + A Guest Lecture by Mr. Ganesh Iyer, CEO – Symphony Ventures, who talked about the VC industry and start-up culture. +

    +
    • +
  • +
    Lecture on Derivatives
    +

    + A Guest Lecture by Mr. Sivakumar S, VP – Citi Bank, who introduced students to the confusing concept of derivatives in finance. +

    +
    • +
+
+
+
+
+
+

Sponsors

+

+ We would like to thank our sponsors who extended their tremendous support in making Investas-2019 a huge success. +

+
+ +
+
+
+ + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + diff --git a/assets/css/carousel.css b/assets/css/carousel.css new file mode 100644 index 0000000..cddcda6 --- /dev/null +++ b/assets/css/carousel.css @@ -0,0 +1,91 @@ +.carousel { + margin: 25px 0 50px; + background: #fff; + position: relative; + padding: 8px; + box-shadow: 0 0 1px rgba(0,0,0,0.3); +} +.carousel:before, .carousel:after { + z-index: -1; + position: absolute; + content: ""; + bottom: 15px; + left: 10px; + width: 50%; + top: 80%; + max-width: 400px; + background: rgba(0, 0, 0, 0.7); + box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); + transform: rotate(-3deg); +} +.carousel:after { + transform: rotate(3deg); + right: 10px; + left: auto; +} +.carousel .carousel-item { + text-align: center; + min-height: 200px; +} +.carousel .carousel-item img { + max-width: 100%; + margin: 0 auto; /* Align slide image horizontally center in Bootstrap v3 */ +} +.carousel-control-prev, .carousel-control-next { + width: 27px; + height: 54px; + overflow: hidden; + opacity: 1; + margin: auto 0; + background: none; + text-shadow: none; +} +.carousel-control-prev span, .carousel-control-next span { + width: 54px; + height: 54px; + display: inline-block; + background: #4a4a4a; + border-radius: 50%; + box-shadow: 0 0 1px rgba(0,0,0,0.3); +} +.carousel-control-prev span { + margin-right: -27px; +} +.carousel-control-next span { + margin-left: -27px; +} +.carousel-control-prev:hover span, .carousel-control-next:hover span { + background: #3b3b3b; +} +.carousel-control-prev i, .carousel-control-next i { + font-size: 24px; + margin-top: 13px; +} +.carousel-control-prev { + margin-left: -28px; +} +.carousel-control-next { + margin-right: -28px; +} +.carousel-control-prev i { + margin-left: -24px; +} +.carousel-control-next i { + margin-right: -24px; +} +.carousel-indicators { + bottom: -42px; +} +.carousel-indicators li, .carousel-indicators li.active { + width: 11px; + height: 11px; + border-radius: 50%; + margin: 1px 4px; +} +.carousel-indicators li { + border: 1px solid #475c6f; +} +.carousel-indicators li.active { + background: #20b0b9; + border-color: #20b0b9; +} diff --git a/assets/css/investas.css b/assets/css/investas.css new file mode 100644 index 0000000..4e6f02e --- /dev/null +++ b/assets/css/investas.css @@ -0,0 +1,76 @@ +section{ + padding-top: 50px; +} + +.section-title h3 { + font-size: 26px; + font-weight: bold; + margin-bottom: 20px; + padding-bottom: 20px; + position: relative; +} + +.section-title h4 { + font-size: 20px; + font-weight: bold; + margin-bottom: 20px; + padding-bottom: 20px; + position: relative; +} + +.section-title h3::after { + content: ''; + position: absolute; + display: block; + width: 50px; + height: 3px; + background:#420099; + bottom: 0; + left: 0; +} + +.section-title h4::after { + content: ''; + position: absolute; + display: block; + width: 40px; + height: 3px; + background:#420099; + bottom: 5px; + left: 0; +} + +.Day1-section, .Day3-section, .Day2-section{ + display: flex; + flex-direction: row; + margin: 30px 0 30px 0; + justify-content: space-around; +} + +.Day1-section li, .Day3-section li{ + margin-top: 25px; + margin-bottom: 25px; + border-left-width: 30px; +} + +.Day1-section h4, .Day3-section h4, .Day2-section h4{ + text-align: left; +} +.Day2-section li{ + margin-top: 25px; + margin-bottom: 25px; + border-right-width: 30px; +} + +.container-sm{ + margin:auto; +} + +.sponsor-img +{ + display:flex; + flex-direction:row; + margin:30px auto; + justify-content: space-around; + flex-wrap: wrap; +} From f82b2ad9d7f450509ca230d6744cf5d1683245c5 Mon Sep 17 00:00:00 2001 From: Adarsh Ashokan Date: Fri, 12 Feb 2021 11:24:52 +0530 Subject: [PATCH 2/2] fix: preloader color and hover colour on links --- assets/css/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 8873bd9..87c1342 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -14,11 +14,11 @@ body { } a { - color: #009961; + color: #011c83; } a:hover { - color: #00cc81; + color: #2f3980; text-decoration: none; } @@ -45,7 +45,7 @@ h1, h2, h3, h4, h5, h6 { position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); - border: 6px solid #009961; + border: 6px solid #011c83; border-top-color: #fff; border-bottom-color: #fff; border-radius: 50%; @@ -656,9 +656,9 @@ section { } .icon-bar { - width: 100%; - background-color: #FFFF; - overflow: auto; + width: 100%; + background-color: #FFFF; + overflow: auto; height : 120px; }