Skip to content

Commit

Permalink
Merge pull request #4 from FACE-Amrita-Bengaluru/IoT-home-based-autom…
Browse files Browse the repository at this point in the history 
…ation

IoT-based-home-automation
  • Loading branch information
@FACE-ASEB
FACE-ASEB authored Apr 12, 2022
2 parents f35113d + ea59c47 commit 5db0dc6
Show file tree
Hide file tree
Showing 8 changed files with 6,076 additions and 0 deletions.
4,527 changes: 4,527 additions & 0 deletions pages/events/IoT-based-home-automation/css/styles.css
View file

Large diffs are not rendered by default.

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

Large diffs are not rendered by default.

Binary file added pages/events/IoT-based-home-automation/images/IoT-Home-Based-Automation.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/events/IoT-based-home-automation/images/about-photo.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/events/IoT-based-home-automation/images/[email protected]
View file
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
View file
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

0 comments on commit 5db0dc6

Please sign in to comment.