Spaces:
Running
Running
| <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | |
| <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | |
| <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> | |
| <!--[if (gte IE 9)|!(IE)]><!--> | |
| <html lang="en"> | |
| <!--<![endif]--> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta name="description" content="TechWave"> | |
| <meta name="author" content="SRBThemes"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <title>Home - TechWave</title> | |
| <script> | |
| if (!localStorage.frenify_skin) { | |
| localStorage.frenify_skin = 'dark'; | |
| } | |
| if (!localStorage.frenify_panel) { | |
| localStorage.frenify_panel = ''; | |
| } | |
| document.documentElement.setAttribute("data-techwave-skin", localStorage.frenify_skin); | |
| if (localStorage.frenify_panel !== '') { | |
| document.documentElement.classList.add(localStorage.frenify_panel); | |
| } | |
| </script> | |
| <!-- Google Fonts --> | |
| <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=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> | |
| <!-- !Google Fonts --> | |
| <!-- Styles --> | |
| <link type="text/css" rel="stylesheet" href="css/plugins.css?ver=1.0.0" /> | |
| <link type="text/css" rel="stylesheet" href="css/style.css?ver=1.0.0" /> | |
| <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]--> | |
| <!-- !Styles --> | |
| </head> | |
| <body> | |
| <!-- Moving Submenu --> | |
| <div class="techwave_fn_fixedsub"> | |
| <ul></ul> | |
| </div> | |
| <!-- !Moving Submenu --> | |
| <!-- Preloader --> | |
| <div class="techwave_fn_preloader enabled"> | |
| <svg> | |
| <circle class="first_circle" cx="50%" cy="50%" r="110"></circle> | |
| <circle class="second_circle" cx="50%" cy="50%" r="110"></circle> | |
| </svg> | |
| </div> | |
| <!-- !Preloader --> | |
| <!-- MAIN WRAPPER --> | |
| <div class="techwave_fn_wrapper"> | |
| <div class="techwave_fn_wrap"> | |
| <!-- Searchbar --> | |
| <div class="techwave_fn_searchbar"> | |
| <div class="search__bar"> | |
| <input class="search__input" type="text" placeholder="Search here..."> | |
| <img src="svg/search.svg" alt="" class="fn__svg search__icon"> | |
| <a class="search__closer" href="#"><img src="svg/close.svg" alt="" class="fn__svg"></a> | |
| </div> | |
| <div class="search__results"> | |
| <!-- Results will come here (via ajax after the integration you made after purchase as it doesn't work in HTML) --> | |
| <div class="results__title">Results</div> | |
| <div class="results__list"> | |
| <ul> | |
| <li><a href="#">Artificial Intelligence</a></li> | |
| <li><a href="#">Learn about the impact of AI on the financial industry</a></li> | |
| <li><a href="#">Delve into the realm of AI-driven manufacturing</a></li> | |
| <li><a href="#">Understand the ethical implications surrounding AI</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- !Searchbar --> | |
| <!-- HEADER --> | |
| <header class="techwave_fn_header"> | |
| <!-- Header left: token information --> | |
| <div class="header__left"> | |
| <div class="fn__token_info"> | |
| <span class="token_summary"> | |
| <script> | |
| async function fetchBTCPrice() { | |
| try { | |
| const response = await fetch('https://api.coindesk.com/v1/bpi/currentprice/BTC.json'); | |
| if (!response.ok) { | |
| throw new Error('Network response was not ok'); | |
| } | |
| const data = await response.json(); | |
| const price = data.bpi.USD.rate_float.toFixed(2); // Get the price and format it to two decimal places | |
| document.querySelector('.count').textContent = price; | |
| } catch (error) { | |
| console.error('Error fetching BTC price:', error); | |
| } | |
| } | |
| // Fetch the BTC price every second | |
| setInterval(fetchBTCPrice, 1000); | |
| // Initial fetch | |
| fetchBTCPrice(); | |
| </script> | |
| <div class="btc-price"> | |
| Current BTC Price: $ <span class="count">120</span> <!-- "120" is just an initial placeholder --> | |
| </div> | |
| <style> | |
| .btc-icon { | |
| width: 23px; /* Adjust the size as needed */ | |
| height: auto; /* Maintain aspect ratio */ | |
| vertical-align: middle; /* Aligns the image vertically with text if needed */ | |
| } | |
| </style> | |
| <span class="text"> | |
| <img src="img/btc.svg" alt="BTC Icon" class="btc-icon"> | |
| </span> | |
| </span> | |
| <a href="pricing.html" class="token_upgrade techwave_fn_button"><span>Upgrade</span></a> | |
| </div> | |
| </div> | |
| <!-- /Header left: token information --> | |
| <!-- Header right: navigation bar --> | |
| <div class="header__right"> | |
| <div class="fn__nav_bar"> | |
| <!-- Search (bar item) --> | |
| <div class="bar__item bar__item_search"> | |
| <a href="#" class="item_opener fn__tooltip" title="Search"> | |
| <img src="svg/search.svg" alt="" class="fn__svg"> | |
| </a> | |
| <div class="item_popup" data-position="right"> | |
| <input type="text" placeholder="Search"> | |
| </div> | |
| </div> | |
| <!-- !Search (bar item) --> | |
| <!-- Notification (bar item) --> | |
| <div class="bar__item bar__item_notification has_notification"> | |
| <a href="#" class="item_opener fn__tooltip" title="Notifications"> | |
| <img src="svg/bell.svg" alt="" class="fn__svg"> | |
| </a> | |
| <div class="item_popup" data-position="right"> | |
| <div class="ntfc_header"> | |
| <h2 class="ntfc_title">Notifications</h2> | |
| <a href="notifications.html">View All</a> | |
| </div> | |
| <div class="ntfc_list"> | |
| <ul> | |
| <li> | |
| <p><a href="notification-single.html">Version 1.1.0 has been launched</a></p> | |
| <span>34 Min Ago</span> | |
| </li> | |
| <li> | |
| <p><a href="notification-single.html">Video Generation has been released</a></p> | |
| <span>12 Apr</span> | |
| </li> | |
| <li> | |
| <p><a href="notification-single.html">Terms has been updated</a></p> | |
| <span>12 Apr</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- !Notification (bar item) --> | |
| <!-- Full Screen (bar item) --> | |
| <div class="bar__item bar__item_fullscreen"> | |
| <a href="#" class="item_opener fn__tooltip" title="Full Screen"> | |
| <img src="svg/fullscreen.svg" alt="" class="fn__svg f_screen"> | |
| <img src="svg/smallscreen.svg" alt="" class="fn__svg s_screen"> | |
| </a> | |
| </div> | |
| <!-- !Full Screen (bar item) --> | |
| <!-- Language (bar item) --> | |
| <div class="bar__item bar__item_language"> | |
| <a href="#" class="item_opener fn__tooltip" title="Language"> | |
| <img src="svg/language.svg" alt="" class="fn__svg"> | |
| </a> | |
| <div class="item_popup" data-position="right"> | |
| <ul> | |
| <li> | |
| <span class="active">English</span> | |
| </li> | |
| <li> | |
| <a href="#">Spanish</a> | |
| </li> | |
| <li> | |
| <a href="#">French</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- !Language (bar item) --> | |
| <!-- Site Skin (bar item) --> | |
| <div class="bar__item bar__item_skin"> | |
| <a href="#" class="item_opener fn__tooltip" title="Dark/Light"> | |
| <img src="svg/sun.svg" alt="" class="fn__svg light_mode"> | |
| <img src="svg/moon.svg" alt="" class="fn__svg dark_mode"> | |
| </a> | |
| </div> | |
| <!-- !Site Skin (bar item) --> | |
| <!-- User (bar item) --> | |
| <div class="bar__item bar__item_user"> | |
| <a href="#" class="user_opener fn__tooltip" title="User Profile"> | |
| <img src="img/user/user.jpg" alt=""> | |
| </a> | |
| <div class="item_popup" data-position="right"> | |
| <div class="user_profile"> | |
| <div class="user_img"> | |
| <img src="img/user/user.jpg" alt=""> | |
| </div> | |
| <div class="user_info"> | |
| <h2 class="user_name">Caden Smith<span>Free</span></h2> | |
| <p><a href="mailto:[email protected]" class="user_email">[email protected]</a></p> | |
| </div> | |
| </div> | |
| <div class="user_nav"> | |
| <ul> | |
| <li> | |
| <a href="user-profile.html"> | |
| <span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Profile</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="user-settings.html"> | |
| <span class="icon"><img src="svg/setting.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Settings</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="user-billing.html"> | |
| <span class="icon"><img src="svg/billing.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Billing</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="sign-in.html"> | |
| <span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Log Out</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- !User (bar item) --> | |
| </div> | |
| </div> | |
| <!-- !Header right: navigation bar --> | |
| </header> | |
| <!-- !HEADER --> | |
| <!-- LEFT PANEL --> | |
| <div class="techwave_fn_leftpanel"> | |
| <div class="mobile_extra_closer"></div> | |
| <!-- logo (left panel) --> | |
| <div class="leftpanel_logo"> | |
| <a href="index.html" class="fn_logo"> | |
| <span class="full_logo"> | |
| <img src="img/logo-desktop-full.png" alt="" class="desktop_logo"> | |
| <img src="img/logo-retina-full.png" alt="" class="retina_logo"> | |
| </span> | |
| <span class="short_logo"> | |
| <img src="img/logo-desktop-mini.png" alt="" class="desktop_logo"> | |
| <img src="img/logo-retina-mini.png" alt="" class="retina_logo"> | |
| </span> | |
| </a> | |
| <a href="#" class="fn__closer fn__icon_button desktop_closer"> | |
| <img src="svg/arrow.svg" alt="" class="fn__svg"> | |
| </a> | |
| <a href="#" class="fn__closer fn__icon_button mobile_closer"> | |
| <img src="svg/arrow.svg" alt="" class="fn__svg"> | |
| </a> | |
| </div> | |
| <!-- !logo (left panel) --> | |
| <!-- content (left panel) --> | |
| <div class="leftpanel_content"> | |
| <!-- #1 navigation group --> | |
| <div class="nav_group"> | |
| <h2 class="group__title">Start Here</h2> | |
| <ul class="group__list"> | |
| <li> | |
| <a href="index.html" class="fn__tooltip menu__item" data-position="right" title="Home"> | |
| <span class="icon"><img src="svg/home.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Home</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="news.html" class="fn__tooltip active menu__item" data-position="right" title="Community Feed"> | |
| <span class="icon"><img src="svg/news.png" alt="" class="fn__svg"></span> | |
| <span class="text">News</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="personal-feed.html" class="fn__tooltip menu__item" data-position="right" title="Personal Feed"> | |
| <span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Personal Feed<span class="count">48</span></span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="models.html" class="fn__tooltip menu__item" data-position="right" title="Finetuned Models"> | |
| <span class="icon"><img src="svg/cube.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Finetuned Models</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- !#1 navigation group --> | |
| <!-- #2 navigation group --> | |
| <div class="nav_group"> | |
| <h2 class="group__title">User Tools</h2> | |
| <ul class="group__list"> | |
| <li> | |
| <a href="image-generation.html" class="fn__tooltip menu__item" data-position="right" title="Image Generation"> | |
| <span class="icon"><img src="svg/image.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Image Generation</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="ai-chat-bot.html" class="fn__tooltip menu__item" data-position="right" title="AI Chat Bot"> | |
| <span class="icon"><img src="svg/chat.svg" alt="" class="fn__svg"></span> | |
| <span class="text">AI Chat Bot</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- !#2 navigation group --> | |
| <!-- #3 navigation group --> | |
| <div class="nav_group"> | |
| <h2 class="group__title">Support</h2> | |
| <ul class="group__list"> | |
| <li> | |
| <a href="pricing.html" class="fn__tooltip menu__item" data-position="right" title="Pricing"> | |
| <span class="icon"><img src="svg/dollar.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Pricing</span> | |
| </a> | |
| </li> | |
| <li class="menu-item-has-children"> | |
| <a href="video-generation.html" class="fn__tooltip menu__item" title="FAQ & Help" data-position="right"> | |
| <span class="icon"><img src="svg/question.svg" alt="" class="fn__svg"></span> | |
| <span class="text">FAQ & Help</span> | |
| <span class="trigger"><img src="svg/arrow.svg" alt="" class="fn__svg"></span> | |
| </a> | |
| <ul class="sub-menu"> | |
| <li> | |
| <a href="documentation.html"><span class="text">Documentation</span></a> | |
| </li> | |
| <li> | |
| <a href="faq.html"><span class="text">FAQ</span></a> | |
| </li> | |
| <li> | |
| <a href="changelog.html"><span class="text">Changelog<span class="fn__sup">(1.3.0)</span></span></a> | |
| </li> | |
| <li> | |
| <a href="contact.html"><span class="text">Contact Us</span></a> | |
| </li> | |
| <li> | |
| <a href="index-2.html"><span class="text">Home #2</span></a> | |
| </li> | |
| </ul> | |
| </li> | |
| <li> | |
| <a href="sign-in.html" class="fn__tooltip menu__item" data-position="right" title="Log Out"> | |
| <span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span> | |
| <span class="text">Log Out</span> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- !#3 navigation group --> | |
| </div> | |
| <!-- !content (left panel) --> | |
| </div> | |
| <!-- !LEFT PANEL --> | |
| <!-- CONTENT --> | |
| <div class="techwave_fn_content"> | |
| <!-- PAGE (all pages go inside this div) --> | |
| <div class="techwave_fn_page"> | |
| <!-- Home Page --> | |
| <div class="techwave_fn_home"> | |
| <div class="section_home"> | |
| <style> | |
| .company_info { | |
| text-align: center; /* Center content */ | |
| padding: 20px; | |
| background-color: none; /* Light background color */ | |
| border-radius: 10px; /* Rounded corners */ | |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ | |
| } | |
| .logo { | |
| max-width: 100%; /* Responsive logo */ | |
| height: auto; | |
| margin-bottom: 20px; /* Space between logo and next image */ | |
| } | |
| .featured-image { | |
| max-width: 100%; /* Responsive image */ | |
| height: auto; | |
| margin-bottom: 20px; /* Space between image and text */ | |
| border-radius: 10px; /* Rounded corners for the image */ | |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for the image */ | |
| } | |
| </style> | |
| <style> | |
| .section_home .company_inf { | |
| margin: 0 auto; | |
| max-width: 700px; | |
| } | |
| </style> | |
| <script> | |
| async function fetchNews() { | |
| try { | |
| let response = await fetch('https://dooratre-test-flask-space.hf.space/news'); | |
| let news = await response.json(); | |
| let newsContainer = document.getElementById('news-container'); | |
| news.forEach(item => { | |
| let newsSection = ` | |
| <h2>${item.title}</h2> | |
| <img src="${item.image_src}" alt="Bitcoin News" class="featured-image"> | |
| <p>${item.content}</p> | |
| <p>${item.time_published}</p> | |
| <hr>`; | |
| newsContainer.innerHTML += newsSection; | |
| }); | |
| } catch (error) { | |
| console.error('Error fetching news:', error); | |
| } | |
| } | |
| // Fetch news on page load | |
| window.onload = fetchNews; | |
| </script> | |
| <div class="section_left"> | |
| <div class="company_inf"> | |
| <img src="img/logo-desktop-full.png" alt="Company Logo" class="logo"> | |
| <div id="news-container"></div> | |
| </div> | |
| </div> | |
| <div class="section_right"> | |
| <div class="company_info"> | |
| <img src="img/logo-desktop-full.png" alt="Company Logo" class="logo"> | |
| <img src="https://en.cryptonomist.ch/wp-content/uploads/2024/09/bitcoin-news-blackrock.jpg" alt="Bitcoin News" class="featured-image"> | |
| <p class="fn__animated_text">The official server of TECH-AI, a text-to-image AI where your imagination is the only limit. We’re building market-leading features that will give you greater control over your generations.</p> | |
| <hr> | |
| <div class="fn__members"> | |
| <div class="active item"> | |
| <span class="circle"></span> | |
| <span class="text">1,154,694 Online</span> | |
| </div> | |
| <div class="item"> | |
| <span class="circle"></span> | |
| <span class="text">77,345,912 Members</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- !Home Page --> | |
| </div> | |
| <!-- !PAGE (all pages go inside this div) --> | |
| <!-- FOOTER (inside the content) --> | |
| <footer class="techwave_fn_footer"> | |
| <div class="techwave_fn_footer_content"> | |
| <div class="copyright"> | |
| <p> | |
| <script> | |
| document.write(new Date().getFullYear()) | |
| </script>© SRBThemes</p> | |
| </div> | |
| <div class="menu_items"> | |
| <ul> | |
| <li><a href="terms.html">Terms of Service</a></li> | |
| <li><a href="privacy.html">Privacy Policy</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- !FOOTER (inside the content) --> | |
| </div> | |
| <!-- !CONTENT --> | |
| </div> | |
| </div> | |
| <!-- !MAIN WRAPPER --> | |
| <!-- Scripts --> | |
| <script type="text/javascript" src="js/jquery.js?ver=1.0.0"></script> | |
| <script type="text/javascript" src="js/plugins.js?ver=1.0.0"></script> | |
| <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]--> | |
| <script type="text/javascript" src="js/init.js?ver=1.0.0"></script> | |
| <!-- !Scripts --> | |
| </body> | |
| </html> |