<!DOCTYPE html>
<html lang="en">
<head>
<title>Eloquence</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta property="twitter:card" content="summary_large_image" />
<style>
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}
</style>
<style>
html {
font-family: Open Sans;
font-size: 1rem;
}
body {
font-weight: 400;
font-style:normal;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
line-height: 1.625;
color: var(--dl-color-secondary-400);
background-color: var(--dl-color-gray-white);
}
</style>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"
/>
<style>
html * {
-webkit-font-smoothing: antialiased;
}
input::placeholder, textarea::placeholder {
color: #d2d6da;
}
</style>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div>
<link href="./home.css" rel="stylesheet" />
<title>Eloquence</title>
<meta property="og:title" content="Eloquence" />
<div class="home-container">
<div data-role="Header" class="header-header">
<nav class="header-nav">
<div class="header-container">
<a href="/home.html" class="header-navlink large">
<span class="header-text">El</span>
<span class="header-text1"></span>
<span class="header-text2">oquence</span>
</a>
<div class="header-menu">
<a href="/home.html" class="header-navlink1 large">Home</a>
<a href="/profile.html" class="header-navlink2 large">
Profile
</a>
</div>
<div class="header-container1">
<div class="header-container2">
<div class="primary-pink-button-container">
<button
class="primary-pink-button-button button buttonSmall"
>
<span>
<a href ="index.html">Test it out!</a>
</span>
</button>
</div>
</div>
<div data-type="BurgerMenu" class="header-burger-menu">
<svg viewBox="0 0 1024 1024" class="header-icon">
<path
d="M128 256h768v86h-768v-86zM128 554v-84h768v84h-768zM128 768v-86h768v86h-768z"
></path>
</svg>
</div>
</div>
</div>
</nav>
<div data-type="MobileMenu" class="header-mobile-menu">
<div class="header-top">
<a href="/home.html" class="header-navlink3 large">
Soft UI Design System
</a>
<div data-type="CloseMobileMenu" class="header-close-menu">
<svg viewBox="0 0 1024 1024" class="header-icon2">
<path
d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
></path>
</svg>
</div>
</div>
<div class="header-mid">
<div class="header-menu1">
<a href="/home.html" class="header-navlink4 large">Home</a>
<a href="/profile.html" class="header-navlink5 large">
Profile
</a>
<a href="/coming-soon.html" class="header-navlink6 large">
Coming Soon
</a>
</div>
</div>
<div class="header-bot">
<div class="primary-pink-button-container">
<button class="primary-pink-button-button button buttonSmall">
<span>buy now</span>
</button>
</div>
</div>
</div>
</div>
<div class="home-hero">
<div class="home-container01">
<div class="home-card">
<h1 class="home-text headingOne">Eloquence</h1>
<h1 class="home-text01 headingOne">
See how you did on your speech.
</h1>
<span class="home-text02 lead">
Speech simulator checks you speech's text and intonation.
Gives you tips to improve.
</span>
<div class="home-container02">
<div class="home-container03">
<div class="primary-pink-button-container">
<button
class="primary-pink-button-button button buttonSmall"
>
<span>contact us</span>
</button>
</div>
</div>
<div class="outline-gray-button-container">
<button class="outline-gray-button-button button buttonSmall">
<span>read more</span>
</button>
</div>
</div>
<div class="home-container04">
<img
alt="image"
src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/logos/gray-logos/logo-pinterest.svg"
class="home-image"
/>
<img
alt="image"
src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/logos/gray-logos/logo-netflix.svg"
class="home-image01"
/>
<img
alt="image"
src="https://demos.creative-tim.com/soft-ui-design-system-imgpro/assets/img/logos/gray-logos/logo-coinbase.svg"
class="home-image02"
/>
<img
alt="image"
src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/logos/gray-logos/logo-nasa.svg"
class="home-image03"
/>
</div>
</div>
</div>
</div>
<img
alt="image"
src="https://i.pinimg.com/564x/9d/22/30/9d223074e6ba7d98a04b66feaf2750e3.jpg"
class="home-image04"
/>
<section class="home-features">
<div class="feature-card-container">
<img
alt="image"
src="Eloquence_free-file_2.png"
class="feature-card-image"
/>
<h5 class="feature-card-text headingThree">
<span>
<a href="index.html">
Speech Check
</a>
</span>
</h5>
<span class="feature-card-text1">
<span>
Checks and gives you feedback about your intonation during the
speech.
</span>
</span>
</div>
<div class="feature-card-container">
<img
alt="image"
src="Ellie.jpg"
class="feature-card-image"
/>
<h5 class="feature-card-text headingThree">
<span>
<a href="notus pro-html/home.html">
Community
</a>
</span>
</h5>
<span class="feature-card-text1">
<span>Connect with people who will help you to improve</span>
</span>
</div>
<div class="feature-card-container">
<img
alt="image"
src="public/playground_assets/rocket1.svg"
class="feature-card-image"
/>
<h5 class="feature-card-text headingThree">
<span>Improvement</span>
</h5>
<span class="feature-card-text1">
<span>Gives you tips, so you can improve your skills.</span>
</span>
</div>
<div class="feature-card-container">
<img
alt="image"
src="public/playground_assets/credit%20card1.svg"
class="feature-card-image"
/>
<h5 class="feature-card-text headingThree">
<span>Simulator</span>
</h5>
<span class="feature-card-text1">
<span>Helps you to practice for public speaking.</span>
</span>
</div>
</section>
<section class="home-container05">
<div class="home-container06">
<h1 class="home-text03 headingOne">Become a better speaker.</h1>
<span class="home-text04">
<span class="home-text05">
Speaking skill is one of the most required this days. Improve it
with the help of our app.
</span>
</span>
</div>
<div class="home-container07">
<div class="home-container08">
<img
alt="image"
src="https://i.pinimg.com/564x/32/7a/f9/327af9e37f47ff78339930db7910d58c.jpg"
class="home-image05"
/>
<span class="home-text06 small">
<span class="home-text07">
"If you can speak, you can influence. If you can
influence, you can change lives."
</span>
<br />
<span class="home-text09">-Rob Brown</span>
</span>
<div class="home-container09">
<img
alt="image"
src="https://i.pinimg.com/564x/ab/ff/bb/abffbb4d84fd87b5dd95be2df0fc256e.jpg"
class="home-image06"
/>
</div>
</div>
<div class="home-container10">
<img
alt="image"
src="https://i.pinimg.com/564x/65/25/37/652537c24902d90a2998c52c0d7afd8d.jpg"
class="home-image07"
/>
<h3 class="headingTwo">
<span class="home-text11">So why do I need to improve it</span>
</h3>
<p>
<span>
Public speaking is used not only in the business industry but
also in the every day life. It can be held for different
purposes: informative, motivational, educative, and so on. In
order to make your life easier in the working community, it is
crucial to stand out with your best qualities. An advanced
skill of public speaking is one of the best ways for achieving
your goal.
</span>
<br />
<span></span>
<br />
<span>
Being able to held a public speech means being confident, and
confidence is a skill which also needs to be improved. The
more confident you are, the more people are prone to listening
you and this makes you a good leader. Moreover, confidence is
a key component of charisma, which can be a magnet for many
social connections.
</span>
</p>
<div class="home-container11">
<div class="home-container12"></div>
</div>
</div>
</div>
</section>
<section class="home-testimonials">
<div class="home-container13">
<div class="home-container14">
<div class="home-container15">
<h2 class="home-text18 headingOne">Work with us</h2>
<p class="home-text19 lead">
<span class="home-text20">
Whatever your qualification is - we got you!
</span>
</p>
<p class="home-text21 body">
<span class="home-text22">
"Take up one idea. Make that one idea your life - think
of it, dream of it, live on that idea. Let the brain,
muscles, nerves, every part of your body, be full of that
idea, and just leave every other idea alone. This is the way
to success. A single rose can be my garden... a single
friend, my world."
</span>
</p>
<p class="home-text23">Mark Jojansen</p>
<p class="home-text24 small">Project manager, Atlassian</p>
<div class="home-container16">
<img
alt="image"
src="public/playground_assets/team-4-200h.jpg"
class="home-image08"
/>
<div class="home-container17"></div>
<img
alt="image"
src="public/playground_assets/team-3-200h.jpg"
class="home-image09"
/>
<div class="home-container18"></div>
<img
alt="image"
src="public/playground_assets/team-2-200h.jpg"
class="home-image10"
/>
</div>
</div>
</div>
<div class="home-logos">
<div class="home-container19">
<div class="home-container20">
<div class="home-container21">
<img
alt="image"
src="public/playground_assets/logo-asana.svg"
class="home-image11"
/>
</div>
<div class="home-container22">
<img
alt="image"
src="public/playground_assets/logo-slack.svg"
class="home-image12"
/>
</div>
<div class="home-container23">
<img
alt="image"
src="public/playground_assets/logo-google-drive.svg"
class="home-image13"
/>
</div>
</div>
<div class="home-container24">
<div class="home-container25">
<img
alt="image"
src="public/playground_assets/logo-shopify.svg"
class="home-image14"
/>
</div>
<div class="home-container26">
<img
alt="image"
src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/logos/small-logos/logo-apple.svg"
class="home-image15"
/>
</div>
<div class="home-container27">
<img
alt="image"
src="public/playground_assets/logo-invision.svg"
class="home-image16"
/>
</div>
</div>
<div class="home-container28">
<div class="home-container29">
<img
alt="image"
src="public/playground_assets/logo-attlasian.svg"
class="home-image17"
/>
</div>
<div class="home-container30">
<img
alt="image"
src="public/playground_assets/logo-weave.svg"
class="home-image18"
/>
</div>
</div>
</div>
</div>
</div>
<img
alt="image"
src="public/playground_assets/bottom.svg"
class="home-bottom-wave-image"
/>
<img
alt="image"
src="public/playground_assets/waves-white.svg"
class="home-image19"
/>
<img
alt="image"
src="public/playground_assets/top.svg"
class="home-top-wave-image"
/>
</section>
<section class="home-contaier">
<div class="home-container31">
<div class="home-container32">
<svg viewBox="0 0 1024 1024" class="home-icon">
<path
d="M363.722 722.052l41.298-57.816-45.254-45.256-57.818 41.296c-10.722-5.994-22.204-10.774-34.266-14.192l-11.682-70.084h-64l-11.68 70.086c-12.062 3.418-23.544 8.198-34.266 14.192l-57.818-41.298-45.256 45.256 41.298 57.816c-5.994 10.72-10.774 22.206-14.192 34.266l-70.086 11.682v64l70.086 11.682c3.418 12.060 8.198 23.544 14.192 34.266l-41.298 57.816 45.254 45.256 57.818-41.296c10.722 5.994 22.204 10.774 34.266 14.192l11.682 70.084h64l11.68-70.086c12.062-3.418 23.544-8.198 34.266-14.192l57.818 41.296 45.254-45.256-41.298-57.816c5.994-10.72 10.774-22.206 14.192-34.266l70.088-11.68v-64l-70.086-11.682c-3.418-12.060-8.198-23.544-14.192-34.266zM224 864c-35.348 0-64-28.654-64-64s28.652-64 64-64 64 28.654 64 64-28.652 64-64 64zM1024 384v-64l-67.382-12.25c-1.242-8.046-2.832-15.978-4.724-23.79l57.558-37.1-24.492-59.128-66.944 14.468c-4.214-6.91-8.726-13.62-13.492-20.13l39.006-56.342-45.256-45.254-56.342 39.006c-6.512-4.766-13.22-9.276-20.13-13.494l14.468-66.944-59.128-24.494-37.1 57.558c-7.812-1.892-15.744-3.482-23.79-4.724l-12.252-67.382h-64l-12.252 67.382c-8.046 1.242-15.976 2.832-23.79 4.724l-37.098-57.558-59.128 24.492 14.468 66.944c-6.91 4.216-13.62 8.728-20.13 13.494l-56.342-39.006-45.254 45.254 39.006 56.342c-4.766 6.51-9.278 13.22-13.494 20.13l-66.944-14.468-24.492 59.128 57.558 37.1c-1.892 7.812-3.482 15.742-4.724 23.79l-67.384 12.252v64l67.382 12.25c1.242 8.046 2.832 15.978 4.724 23.79l-57.558 37.1 24.492 59.128 66.944-14.468c4.216 6.91 8.728 13.618 13.494 20.13l-39.006 56.342 45.254 45.256 56.342-39.006c6.51 4.766 13.22 9.276 20.13 13.492l-14.468 66.944 59.128 24.492 37.102-57.558c7.81 1.892 15.742 3.482 23.788 4.724l12.252 67.384h64l12.252-67.382c8.044-1.242 15.976-2.832 23.79-4.724l37.1 57.558 59.128-24.492-14.468-66.944c6.91-4.216 13.62-8.726 20.13-13.492l56.342 39.006 45.256-45.256-39.006-56.342c4.766-6.512 9.276-13.22 13.492-20.13l66.944 14.468 24.492-59.13-57.558-37.1c1.892-7.812 3.482-15.742 4.724-23.79l67.382-12.25zM672 491.2c-76.878 0-139.2-62.322-139.2-139.2s62.32-139.2 139.2-139.2 139.2 62.322 139.2 139.2c0 76.878-62.32 139.2-139.2 139.2z"
></path>
</svg>
</div>
<h2 class="home-text25 headingTwo">
<span class="home-text26">Beware The Components</span>
</h2>
<h3 class="home-text27 headingTwo">
<span class="home-text28">How To Use The App Efficiently</span>
<br />
</h3>
<span class="home-text29">
<span class="home-text30">
We’re constantly trying to express ourselves and actualize our
dreams. Don't stop.
</span>
</span>
</div>
<div class="home-container33">
<div class="home-container34">
<div class="home-container35"></div>
<div class="home-container36">
<svg viewBox="0 0 987.4285714285713 1024" class="home-icon2">
<path
d="M438.857 508.571l312 312c-79.429 80.571-190.286 130.286-312 130.286-242.286 0-438.857-196.571-438.857-438.857s196.571-438.857 438.857-438.857v435.429zM545.714 512h441.714c0 121.714-49.714 232.571-130.286 312zM950.857 438.857h-438.857v-438.857c242.286 0 438.857 196.571 438.857 438.857z"
></path>
</svg>
<h1 class="home-text31 headingOne">Build a community</h1>
<span class="home-text32">App users</span>
<div class="outline-black-button-container">
<button
class="outline-black-button-button button buttonSmall"
>
<span>get started</span>
</button>
</div>
</div>
</div>
<div class="home-container37">
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>1. Don't be afraid to ask for advice</span>
</h5>
<span>
<span>
Your community members might be better in other spheres. SO
, don't be afraid to ask for an advice if you need one.
</span>
</span>
</div>
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>2. Help others</span>
</h5>
<span>
<span>
Besides asking for an advice. if somebody else needs it do
your best to help them and don't mislead them.
</span>
</span>
</div>
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>3. Build new connections</span>
</h5>
<span>
<span>
Do on limit only by the communication in the app, connect
with people, and broad your network.
</span>
</span>
</div>
</div>
</div>
<div class="home-divider"></div>
<div class="home-container38">
<div class="home-container39">
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>1. Analysis your voice</span>
</h5>
<span>
<span>
The app analysis the intonation and volume of your voice and
base on that gives you feedback on what you need to improve.
</span>
</span>
</div>
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>2. Tips</span>
</h5>
<span>
<span>
App will give you tips of how to improve your speaking
skills.
</span>
</span>
</div>
<div class="list-item-container">
<h5 class="list-item-text headingThree">
<span>3. Simulator</span>
</h5>
<span>
<span>
Helps you to improve your skills using the simulation
method.
</span>
</span>
</div>
</div>
<div class="home-container40">
<div class="home-container41"></div>
<div class="home-container42">
<svg viewBox="0 0 1152 1024" class="home-icon4">
<path
d="M1088 901.166c0 45.5 26.028 84.908 64 104.184v15.938c-10.626 1.454-21.472 2.224-32.5 2.224-68.008 0-129.348-28.528-172.722-74.264-26.222 6.982-54.002 10.752-82.778 10.752-159.058 0-288-114.616-288-256s128.942-256 288-256c159.058 0 288 114.616 288 256 0 55.348-19.764 106.592-53.356 148.466-6.824 14.824-10.644 31.312-10.644 48.7zM512 0c278.458 0 504.992 180.614 511.836 405.52-49.182-21.92-103.586-33.52-159.836-33.52-95.56 0-185.816 33.446-254.138 94.178-70.846 62.972-109.862 147.434-109.862 237.822 0 44.672 9.544 87.888 27.736 127.788-5.228 0.126-10.468 0.212-15.736 0.212-27.156 0-53.81-1.734-79.824-5.044-109.978 109.978-241.25 129.7-368.176 132.596v-26.916c68.536-33.578 128-94.74 128-164.636 0-9.754-0.758-19.33-2.164-28.696-115.796-76.264-189.836-192.754-189.836-323.304 0-229.75 229.23-416 512-416z"
></path>
</svg>
<h1 class="home-text33 headingOne">Improve and succeed</h1>
<span class="home-text34">App Users</span>
<div class="outline-black-button-container">
<button
class="outline-black-button-button button buttonSmall"
>
<span>get started</span>
</button>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-footer rootClassName">
<div class="footer-container">
<div class="footer-container1">
<span class="footer-text">ELOQUENCE</span>
<span>For Codetivate Hackathon</span>
</div>
<div class="footer-container2">
<div class="footer-container3">
<span class="footer-text02 large">Company</span>
<span class="footer-text03 large">About Us</span>
<span class="footer-text04 large">Careers</span>
<span class="footer-text05 large">Press</span>
</div>
<div class="footer-container4">
<span class="footer-text06 large">Pages</span>
<span class="footer-text07 large">Login</span>
<span class="footer-text08 large">Register</span>
<span class="footer-text09 large">About</span>
</div>
<div class="footer-container5">
<span class="footer-text10 large">Products</span>
<span class="footer-text11 large">Free</span>
<span class="footer-text12 large">PRO</span>
<span class="footer-text13 large">Latest</span>
</div>
</div>
</div>
<img
alt="image"
src="Eloquence_free-file_2.png"
class="footer-image"
/>
</footer>
</div>
</div>
</body>
</html>