<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/css/style.css" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="/images/">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Lobster&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kalam&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Rajdhani&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Tulpen+One&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="/images/candlestick.png">
    
    <title>FinanceCraft</title>
</head>
<body>
    <!-- c section starts here -->
    <div class="container-main">
        <div class="navbar-div">
            <nav class="navbar navbar-expand-lg bg-body-tertiary">
                <div class="container-fluid">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav">
                    <li class="nav-text">
                        <a class="nav-link nav-text-inner" href="/home">Home</a>
                    </li>
                    <li class="nav-text">
                        <a class="nav-link" href="/analyse">Analyse</a>
                    </li>
                    <li class="nav-text">
                        <a class="nav-link" href="/predict">Predict</a>
                    </li>
                    <li class="nav-text">
                        <a class="nav-link" href="/guide">Guide</a>
                    </li>
                    <li class="nav-text">
                        <a class="nav-link" href="/feedback">Feedback</a>
                    </li>
                    </ul>
                </div>
                </div>
            </nav>
        </div>
        <div class="container-1">
            <span class="container-text-1">LEARN . ANALYSE . PREDICT</span>
            <br>
            <img class="logo" src="/images/9391714.png">
            <br>

            <h1 class="container-text-2">FINANCE CRAFT</h1><br>
            <hr class="button-hr">
            <br>
            <a class="button-c-1" href="#aboutUs">Explore More</a>
            
            
        </div>
    </div>
    <!-- c section ends here -->
    <!-- pv section start here -->
    <section id="aboutUs">
    <div class="cm-1-bg">
        <div class="container-main-1">
            <div class="img-div-c-2">
                <!--img-->
                <img class="img-cm-1" src="/images/8967925b9d9141e88ced0a9020bdbc5e.gif">
            </div>
            <div class="c-t-2">
                <div class="cm-1-c-h">
                    <h1>ABOUT US!</h1>
                    <br>
                </div>
                    <span class="about-us-text">Empowering Investors Through Data-Driven Insights</span><br>
                    <hr class="second"><br>
                    <span class="about-us-text">Welcome to FinanceCraft, your trusted partner in navigating the complex world of stock markets. We are dedicated to providing you with data-driven insights and accurate predictions to help you make informed investment decisions. We use cutting-edge analytical techniques to transform data into actionable insights. Whether you're interested in individual stocks, market trends, or sector-specific analysis, we've got you covered.</span>
                    <hr class="second"><br>
                    <span class="about-us-text">We're more than just a website, we're a community of like-minded individuals who share a passion for investing.</span>
                    <hr class="second">
                    <div class="cm-1-c-1">
                    <p>

                    </p>
                </div>
            </div>
        </div>
    </div>
    </section>
    <!-- pv section ends here -->
    <!-- c section starts here -->
    
    <!-- c section ends here -->
    <!-- pv section starts here -->
    <div class="container-c">
        <h3 class="heading-cc">Features</h3>
        <hr>
        <br>
        <div id="demo" class="carousel slide" data-bs-ride="carousel">
            <!-- The slideshow/carousel -->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="feedback-f">
                        <h3 class="feedback-f-heading">FEEDBACK</h3>
                        <img src="/images/feedback.gif" class="feedback-f-img">    
                        <hr>
                        <br>
                        <p class="feedback-f-text">kindly share your thoughts and experiences concisely. Mention what you liked, what could be improved, and any suggestions you have.</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="guide-f">
                        <h3 class="guide-f-heading">GUIDE</h3>
                        <img src="/images/guide.gif" class="guide-f-img" >
                        <hr>
                        <br>
                        <p class="guide-f-text">Helps beginners by demystifying the world of stocks, offering clear explanations of key concepts, risk management strategies, and tips for successful investing.</p>
                    </div> 
                </div>
                <div class="carousel-item">
                    <div class="analyse-f">
                        <h3 class="analyse-f-heading">Analyse</h3>
                        <br>
                        <img class="analyse-f-img" src="/images/analyse.gif">
                        <hr>
                        <p class="analyse-f-text">Analyse real-time stock data and share market trends. Identify patterns and correlations to provide insights into potential investment opportunities and risks.</p>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="predict-f">
                        <h3 class="predict-f-heading">Predict</h3>
                        <br>
                        <img class="predict-f-img" src="/images/predict.gif">
                        <hr>
                        <p class="predict-f-text">Helps you in investing by prediciting market conditions based on historical price and volume data of financial instruments.</p>
                    </div>
                </div>

            </div>
            
            <!-- Left and right controls/icons -->
            <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                <span class="carousel-control-next-icon"></span>
            </button>
        </div>
    </div>
    <!-- pv section ends here -->
<!--c section starts here-->
</body>
</html>
<footer class="footer">
    <h4 class="footer-heading">FinanceCraft</h4>
    <hr class="footer-hr">
    <p class="footer-subheading">LEARN . ANALYSE . PREDICT</p>
    <p class="footer-txt">Stay ahead of the market trends, make informed decisions, and maximize your returns. Join us in shaping your financial success today.</p>
    <p class="footer-txt">. . .</p>
    <div class="footer-icon">
        <img src="/images/icons8-gmail-50.png">
        <img src="/images/i.png">
        <img src="/images/icons8-linkedin-50.png">
    </div>

</footer>
<!--c section ends here-->
