|
{% extends 'base.html' %} {% block content %} |
|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<meta charset="utf-8" /> |
|
<title>Machine Learning Algorithms</title> |
|
<meta content="width=device-width, initial-scale=1" name="viewport" /> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='static/css/main.css')}}"> |
|
<link href="https://fonts.googleapis.com" rel="preconnect" /> |
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" /> |
|
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> |
|
<script type="text/javascript"> |
|
WebFont.load({ |
|
google: { |
|
families: ["Orbitron:regular,500,600,700,800,900", "Noto Sans Tamil:100,200,300,regular,500,600,700,800,900", "Inter:100,200,300,regular,500,600,700,800,900"] |
|
} |
|
}); |
|
</script> |
|
<script type="text/javascript"> |
|
! function(o, c) { |
|
var n = c.documentElement, |
|
t = " w-mod-"; |
|
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") |
|
}(window, document); |
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
<div class="container-3 f2wf-columns-2"> |
|
<div class="column-4"> |
|
<div class="column-4"> |
|
<h1 class="title-copy">Machine Learning Algorithms</h1> |
|
<p class="text-4">Welcome to our Quatro Data Analysis Web App! Explore the power of machine learning models - Linear Regression, K-Nearest Neighbors, K-Means, and Naive Bayes - as we delve into job data extracted from the popular Indeed website. Our intuitive Flask-based web app empowers you to input data and obtain accurate predictions from these models. Unleash the potential of AI-driven insights. Start exploring now!</p> |
|
</div> |
|
<a href="{{ url_for('algos')}}" class="button-4"> |
|
<div class="text-12">CLASSIFY</div> |
|
</a> |
|
<div class="actions-2"></div> |
|
</div> |
|
<div class="column-5"> |
|
<div class="image-wrapper-4"><img src="{{ url_for('static', filename='images/hero1.gif') }}" width="100" height="100" class="image-4" /> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="features-list-2"> |
|
<div class="columns-4 f2wf-columns-2"> |
|
<div class="column-4"> |
|
<div class="content-4"> |
|
<div class="intro-2"> |
|
<div class="title">Machine Learning Algorithms</div> |
|
<div class="description">Machine learning is a branch of artificial intelligence that focuses on developing algorithms and models that enable computers to learn and make predictions or decisions without being explicitly programmed. It involves training machines on data to recognize patterns, extract insights, and improve performance over time. |
|
</div> |
|
</div> |
|
<div class="description"> |
|
<a href="https://www.ibm.com/topics/machine-learning">Learn more →</a> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
<div class="intro-2"> |
|
<div class="models-list"> |
|
<div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-Linear.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div> |
|
<div class="frame-237641"> |
|
<div class="description-2">K-Nearest Neighbor</div> |
|
<div class="description">Classify data points based on the majority class of their nearest neighbors.</div> |
|
</div> |
|
</div> |
|
<div class="models-list"> |
|
<div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-kNN.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div> |
|
<div class="frame-237641"> |
|
<div class="description-2">Linear Regression</div> |
|
<div class="description">Predict numerical values based on input variables and establish linear relationships.</div> |
|
</div> |
|
</div> |
|
<div class="models-list"> |
|
<div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-kMeans.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div> |
|
<div class="frame-237641"> |
|
<div class="description-2">K-Mean Clustering</div> |
|
<div class="description">Group similar data points into clusters to identify patterns and similarities.</div> |
|
</div> |
|
</div> |
|
<div class="models-list"> |
|
<div class="image-wrapper-5"><img src="{{ url_for('static', filename='images/Model-Naive.png') }}" loading="lazy" width="80" height="80" alt="" class="image-5" /></div> |
|
<div class="frame-237641"> |
|
<div class="description-2">Naive Bayes </div> |
|
<div class="description">Use probabilistic classification to predict the likelihood of a data point belonging to a specific class.</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="team-circles-2"> |
|
<div class="container-4"> |
|
<div class="title-section-2"> |
|
<div class="text-5">Team section</div> |
|
<div class="text-6">The team behind this web app is group of computer science students with a passion for machine learning and web development. Together, we leverage our expertise in data analysis, AI algorithms, and user experience to create a seamless and intuitive experience for our users.</div> |
|
</div> |
|
<div class="columns-5 f2wf-columns-2"> |
|
<div class="card-2"> |
|
<div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w" |
|
sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div> |
|
<div class="content-5"> |
|
<div class="info-2"> |
|
<div class="text-7">Dave F. Fagarita</div> |
|
<div class="text-8">BSCS 3A</div> |
|
</div> |
|
<div class="text-6">Developer</div> |
|
</div> |
|
</div> |
|
<div class="card-2"> |
|
<div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w" |
|
sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div> |
|
<div class="content-5"> |
|
<div class="info-2"> |
|
<div class="text-7">Jimuel S. Servandil</div> |
|
<div class="text-8">BSCS 3A</div> |
|
</div> |
|
<div class="text-6">Developer</div> |
|
</div> |
|
</div> |
|
<div class="card-2"> |
|
<div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w" |
|
sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div> |
|
<div class="content-5"> |
|
<div class="info-2"> |
|
<div class="text-7">Jannica Mae Magno</div> |
|
<div class="text-8">BSCS 3A</div> |
|
</div> |
|
<div class="text-6">Developer</div> |
|
</div> |
|
</div> |
|
<div class="card-2"> |
|
<div class="image-wrapper-6"><img src="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png" loading="lazy" width="270" height="270" srcset="https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image-p-500.png 500w, https://uploads-ssl.webflow.com/642cba496c45ae8313f6671d/642cc12016271546649d87ad_Image.png 540w" |
|
sizes="(max-width: 479px) 36vw, (max-width: 767px) 135px, (max-width: 991px) 35vw, 26vw" alt="" class="image-6" /></div> |
|
<div class="content-5"> |
|
<div class="info-2"> |
|
<div class="text-7">Jeziah Lois Catanus</div> |
|
<div class="text-8">BSCS 3A</div> |
|
</div> |
|
<div class="text-6">Developer</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="footer-2"> |
|
<div class="columns-6 f2wf-columns-2"> |
|
<div class="column-6"> |
|
<div class="logo-wrapper-2"><img src="{{ url_for('static', filename='images/logo.svg') }}" loading="lazy" width="50" height="50" alt="" class="vectors-wrapper" /> |
|
<div class="text-11">Quatro</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=642cba496c45ae8313f6671d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> |
|
<script src="" type="text/javascript"></script> |
|
</body> |
|
|
|
</html> |
|
{% endblock %} |
