Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IoT-based-home-automation #4

Merged
merged 3 commits into from
Apr 12, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4,527 changes: 4,527 additions & 0 deletions pages/events/IoT-based-home-automation/css/styles.css

Large diffs are not rendered by default.

872 changes: 872 additions & 0 deletions pages/events/IoT-based-home-automation/css/vendor.css

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
243 changes: 243 additions & 0 deletions pages/events/IoT-based-home-automation/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html class="no-js ss-preload" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8" />
<title>IoT Based Home Automation</title>
<meta name="description" content="" />
<meta name="author" content="" />

<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/vendor.css" />
<link rel="stylesheet" href="css/styles.css" />

<!-- favicons
================================================== -->
<link rel="apple-touch-icon" sizes="180x180" href="./../../../images/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./../../../images/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./../../../images/favicon-16x16.png" />
<link rel="manifest" href="./../../../site.webmanifest" />
</head>

<body id="top">
<!-- # preloader
================================================== -->
<div id="preloader">
<div id="loader"></div>
</div>

<!-- # page wrap
================================================== -->
<div class="s-pagewrap">
<div class="circles">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>

<!-- ## site header
================================================== -->
<header class="s-header">
<div class="header-mobile">
<span class="mobile-home-link"><a href="./../../../index.html">Pravidhi</a></span>
<a class="mobile-menu-toggle" href="#0"><span>Menu</span></a>
</div>

<div class="row wide main-nav-wrap">
<nav class="column lg-12 main-nav">
<ul>
<li><a href="./../../../index.html" class="home-link">Pravidhi</a></li>
<li class="current"><a href="#intro" class="smoothscroll">Intro</a></li>
<li><a href="#about" class="smoothscroll">Details</a></li>
<li><a href="#contact" class="smoothscroll">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- end s-header -->

<!-- ## main content
==================================================- -->
<main class="s-content">
<!-- ### intro
================================================== -->
<section id="intro" class="s-intro target-section">
<div class="row intro-content wide">
<div class="column">
<div class="text-pretitle with-line">JIDO</div>

<h1 class="text-huge-title">IoT Based Home Automation</h1>
</div>

<ul class="intro-social">
<li><a href="./../../../index.html">Home</a></li>
<li><a href="./../../../index.html#events-timeline">Timeline</a></li>
<li><a href="##Registration Link##">Register</a></li>
</ul>
</div>
<!-- end intro content -->

<a href="#about" class="intro-scrolldown smoothscroll">
<svg
width="24"
height="24"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill-rule="evenodd"
clip-rule="evenodd"
>
<path
d="M11 21.883l-6.235-7.527-.765.644 7.521 9 7.479-9-.764-.645-6.236 7.529v-21.884h-1v21.883z"
/>
</svg>
</a>
</section>
<!-- end s-intro -->

<!-- ### about
================================================== -->
<section id="about" class="s-about target-section">
<div class="row about-info wide" data-animate-block>
<div class="column lg-6 md-12 about-info__pic-block">
<img
src="images/IoT-Home-Based-Automation.png"
srcset="
images/IoT-Home-Based-Automation.png 1x,
images/IoT-Home-Based-Automation.png 2x
"
alt=""
class="about-info__pic"
data-animate-el
/>
</div>

<div class="column lg-6 md-12 about-info__description-block">
<div class="about-info__text">
<h2 class="text-pretitle with-line" data-animate-el>Description</h2>
<p class="attention-getter" data-animate-el>
Do you want to create your own home assistant like Jarvis and be Ironman.
This is your chance. IoT for home automation by JIDO.
<br />
<br />
For Pravidhi 2022, Duration 60-90 min.
<br />
<br />
Here are some rules:
<br />
<br />
1. You will be separated into a group of 3 - 4
<br />
2. Each team will be given all the hardware equipment required for the
build
<br />
<br />
Let's automate the boring stuff 🤖
</p>
<a
href="##Registration Link##"
class="btn btn--medium u-fullwidth"
data-animate-el
>Register Now</a
>
</div>
</div>
</div>
<!-- about-info -->

<!-- end about-timelines -->
</section>
<!-- end s-about -->

<!-- contact
----------------------------------------------- -->
<section id="contact" class="s-contact target-section">
<div class="row s-contact__infos">
<div class="column lg-8 md-6 stack-on-900 s-contact__block-address">
<h5 class="with-top-line">Where to Find Us</h5>

<p>
Amrita Vishwa Vidyapeetham University,<br />
Kasavanahalli, Carmelaram P.O., <br />
Bangalore - 560 035. <br />
</p>
</div>

<div class="column lg-4 md-12 stack-on-900 s-contact__block-number">
<h5 class="with-top-line">Contact Us</h5>

<ul class="s-contact__list">
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
<!-- end s-contact__infos -->
</section>
<!-- end contact -->
<!-- end s-content -->

<!-- footer
================================================== -->
<footer id="colophon" class="s-footer" style="padding-top: 100px">
<div class="row">
<div class="column lg-12 ss-copyright">
<span>&#169; Copyright Pravidhi Amrita 2022</span>
<span
>Made and maintained by
<a href="https://www.linkedin.com/in/suriya-2002/" target="_blank"
>Suriya KS</a
>,
<a href="https://www.linkedin.com/in/jaga-pravin-b61a75195/" target="_blank"
>Jagapravin</a
>,
<a
href="https://www.linkedin.com/in/vivek-radhakrishnan-9a1a18207/"
target="_blank"
>Vivek Radhakrishnan</a
>
and,
<a href="https://www.linkedin.com/in/v-ganith/" target="_blank">V Ganith</a>
as a part of
<a href="#" target="_blank">FACE Website Team</a>
</span>
<span style="opacity: 0.5"
>With Credits to
<a href="https://www.styleshout.com/" target="_blank">StyleShout</a></span
>
</div>
</div>

<div class="ss-go-top">
<a class="smoothscroll" title="Back to Top" href="#top">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
style="fill: rgba(0, 0, 0, 1)"
>
<path d="M6 4h12v2H6zm5 10v6h2v-6h5l-6-6-6 6z"></path>
</svg>
</a>
</div>
<!-- end ss-go-top -->
</footer>
<!-- end s-footer -->
</main>
<!-- end s-content -->
</div>
<!-- end -s-pagewrap -->

<!-- Java Script
================================================== -->
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Loading