INTEL_ONE-API / index.html
Nush88's picture
Upload 9 files
a7c0b4d verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EmpowerAI</title>
<link rel="stylesheet" href="styles.css">
<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=DM+Mono:ital,wght@0,300;0,400;0,500&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet" />
</head>
<body>
<div class="main">
<div class="header">
<nav>
<a href="#" class="logo">EmpowerAI.</a>
<ul>
<li>Home</li>
<li>Services</li>
<li>About</li>
<li>What's new?</li>
</ul>
<div class="btns">
<button class="navBtn" id="exploreBtn">Login</button>
<button class="navBtn" id="exploreBtn">Sign up</button>
</div>
</nav>
</div>
<div class="page1">
<div class="content1">
<div class="left1">
<div>
<h1><span class="secondSpan">Unlocking investments</span><br><span class="firstSpan">to the
people</span><br><span class="firstSpan">for the people</span><br><span
class="firstSpan">by the people</span><br></h1>
</div>
<div class="line"></div>
<div class="imgCircles">
<div class="img">
<img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=1364&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="">
</div>
<div class="img over-first">
<img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8cG9ydHJhaXR8ZW58MHx8MHx8fDA%3D"
alt="">
</div>
<div class="img over-second">
<img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8cG9ydHJhaXR8ZW58MHx8MHx8fDA%3D"
alt="">
</div>
<div class="img over-third">
<img src="https://plus.unsplash.com/premium_photo-1664298528358-790433ba0815?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8cG9ydHJhaXR8ZW58MHx8MHx8fDA%3D"
alt="">
</div>
<div class="img over-fourth">
<img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTZ8fHBvcnRyYWl0fGVufDB8fDB8fHww"
alt="">
</div>
</div>
<div class="line-btm"></div>
<div class="link">
<div class="circle"></div>
<div class="link-icon">
<i class="ri-arrow-right-up-line"></i>
</div>
<div class="text1">
<p>Enhance financial literacy and economic growth through greater stock market
participation, and accelerate India's transition to sustainable energy, ensuring
long-term environmental and economic stability.</p>
</div>
</div>
</div>
<div class="right1">
<img src="images/demo.png" alt="">
</div>
</div>
</div>
<div class="page2">
<div class="content2">
<div class="left2">
<img src="images/graph_colors.jpg" alt="">
</div>
<div class="right2">
<div class="text2">
<h1><span class="secondSpan">Why</span> <span class="firstSpan">choose</span> <span
class="thirdSpan">us?</span></h1>
<p>Enhance financial literacy and economic growth through greater stock market participation,
and accelerate India's transition.</p>
<div class="first-row2">
<div class="choose-card">
<div class="link-icon">
<i class="ri-arrow-right-up-line"></i>
<h4>Simplified analysis of data</h4>
</div>
</div>
<div class="choose-card">
<div class="link-icon">
<i class="ri-arrow-right-up-line"></i>
<h4>Accuracy</h4>
</div>
</div>
<div class="choose-card">
<div class="link-icon">
<i class="ri-arrow-right-up-line"></i>
<h4>Recognizing the unrecognized</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page3">
<div class="content3">
<div class="text3">
<h1><span class="secondSpan">Explore</span> <span class="firstSpan">the</span> <span
class="thirdSpan">future</span> <span class="secondSpan">of</span> <span
class="firstSpan">stocks</span> </h1>
<p>Enhance financial literacy and economic growth through greater stock market participation, and
accelerate India's transition to sustainable energy, ensuring long-term environmental and
economic stability.</p>
</div>
<div class="slide-cards">
<div class="first-row">
<div class="card">
<img src="images/healthcare.jpg" alt="">
<div class="card-hover">
<h2>Healthcare</h2>
<a href="healthcare/healthcare.html" target="_blank" class="knowMoreBtn">Know More</a>
</div>
</div>
<div class="card">
<img src="images/pollutionControl.jpg" alt="">
<div class="card-hover">
<h2>Pollution Control</h2>
<a href="pollutionControl/pollutionControl.html" target="_blank"
class="knowMoreBtn">Know More</a>
</div>
</div>
<div class="card">
<img src="images/privateSector.jpg" alt="">
<div class="card-hover">
<h2>Private Sector</h2>
<a href="privateSector/privateSector.html" target="_blank" class="knowMoreBtn">Knows
More</a>
</div>
</div>
</div>
<div class="second-row">
<div class="card">
<img src="images/recycle.jpg" alt="">
<div class="card-hover">
<h2>Recycling</h2>
<a href="recycling/recycling.html" target="_blank" class="knowMoreBtn">Know More</a>
</div>
</div>
<div class="card">
<img src="images/renewable-energy.jpg" alt="">
<div class="card-hover">
<h2>Renewable Energy</h2>
<a href="renewableEnergy/renewableEnergy.html" target="_blank" class="knowMoreBtn">Know
More</a>
</div>
</div>
<div class="card">
<img src="images/farming.jpg" alt="">
<div class="card-hover">
<h2>Farming</h2>
<a href="farmer/farming.html" target="_blank" class="knowMoreBtn">Know More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page4">
<div class="btnContainer1">
<p>Lorem ipsum dolor sit amet.</p>
<div class="tryBtn">
<a href="https://partyrock.aws/u/muskangoyal/cp2TNnD6I/Empower-AI%3A-Your-Comprehensive-Investment-Companion"
target="_blank" class="tryItNow">Try it Now</a>
</div>
</div>
<div class="btnContainer2">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, praesentium.</p>
<div class="tryBtn">
<a href="https://huggingface.co/spaces/muskangoyal06/Investo_AI" target="_blank"
class="tryItNow">Try it Now</a>
</div>
</div>
</div>
<footer>
<div class="footContent">
<div class="logo_info">
<a href="#" class="logo">EmpowerAI.</a>
<p>Transforming the investment <br>landscape to the people</p>
<div class="socialLinks">
<div class="outerCircle">
<div class="link-icon">
<i class="ri-facebook-circle-line"></i>
</div>
</div>
<div class="outerCircle">
<div class="link-icon">
<i class="ri-twitter-x-line"></i>
</div>
</div>
<div class="outerCircle">
<div class="link-icon">
<i class="ri-instagram-line"></i>
</div>
</div>
<div class="outerCircle">
<div class="link-icon">
<i class="ri-linkedin-fill"></i>
</div>
</div>
</div>
<p>© 2024 EmpowerAI.</p>
</div>
<div class="info">
<div class="col1">
<h2>Products</h2>
<ul>
<li>Rainbow Wallet</li>
<li>IRISplorer</li>
<li>Endpoints & SDKs</li>
<li>CLI Client</li>
</ul>
</div>
<div class="col2">
<h2>Information</h2>
<ul>
<li>Market Explore</li>
<li>Ready Token</li>
<li>Main Option</li>
<li>File Checking</li>
</ul>
</div>
<div class="col3">
<h2>Resources</h2>
<ul>
<li>FAQ</li>
<li>Blog</li>
<li>Docs</li>
<li>Press Kit</li>
</ul>
</div>
</div>
<div class="news-info">
<h2>Newsletter</h2>
<div class="inputSearch">
<input type="email" placeholder="Enter your email">
<button>Subscribe</button>
</div>
<p>Transforming the investment<br>landscape to the people</p>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</div>
</body>
</html>