VIPune · Nirvisha82 · May 22, 2021 · May 22, 2021 · May 22, 2021 · May 22, 2021
diff --git a/Team Inferno/Team Inferno.md b/Team Inferno/Team Inferno.md
@@ -0,0 +1,48 @@
+<img src="media/Banner.png" alt="My cool logo"/>
+<h1>ModAR - Revolutionizing the way</h1>
+<h2>Problem Statement</h2>
+<p>Lack of imagination among all classes of students in online as well as in offline learning due to traditional methods of textbooks and online notes. Various topics of every subject cannot be given justice to by observing their 2-D diagrams. </p>
+
+<h2>Our Soltution - ModAR</h2>
+<p>An Augmented Reality based system wherein school students would be able to observe 3D models of subtopics of various subjects. This can be done with the help of combination of a website and a mobile app. Three subtopics (Human anatomy, Solar system and English alphabets) are added in the website as well as in the application. On selecting  any one of the subtopics, the website would display images and relevant information of that particular subtopic. These images can be scanned by our custom mobile application which would immediately augment a 3D model of those images. These models can be observed from any angle by rotating our phone and the information provided by the website would aid in better understanding of the same.</p>
+
+<h2>Technology Stack</h2>
+Following is the technology stack for:
+
+* Website - HTML, CSS, Javascript
+* App - Unity 3D, vuforia sdk
+
+
+<h2>Navigation</h2>
+Following are the navigations for:
+
+* website/ - contains the code of the website
+* app/ - contains the apk file of the app
+* video/ - contains the video of working of the whole project
+* media/ - conatins banner image and results
+
+<h2>Steps to Install and Run the Project</h2>
+For the project to work, the website and the app have to work simultaneously.
+
+<h4>Website</h2>
+Link - https://nirvisha82.github.io/ModAR---Revolutionizing-the-way-of-teaching/Home.html  
+<br />
+Website can be visited by clicking the above link. Any subtopic from the home page can be chosen to see it's 3D illustration. Please visit the website using laptop or PC for smooth functioning of the project.
+
+<h4>App</h2>
+App can be installed with the help of the APK file which is present inside the app/ directory.  
+<br />
+The subtopic which was chosen in the website has to be chosen in the app as well, after which a scanner will get opened. On scanning the images from the website with the help of the app scanner, 3D models of images will get Augmented on them and thus will be seen through the app. A tutorial about how to use the app is also provided in the app itself. 
+
+<h2>Results</h2>
+<img src="media/Yatch.jpg" alt="My cool logo" width="200" height="400" />
+<img src="media/Skeleton.jpg" alt="My cool logo" width="200" height="400"/>
+
+<h2>About the Team</h2>
+All the members of Team Inferno are students of Second Year Information Technology Department of Vishwakarma Institute of Technology, Pune.
+
+
+* Harsh More
+* Juhi Rajani
+* Nirvisha Soni
+* Dhruva Khanwelkar
diff --git a/Team Inferno/Team Inferno.pptx b/Team Inferno/Team Inferno.pptx
diff --git a/Team Inferno/app/ModAR.7z b/Team Inferno/app/ModAR.7z
diff --git a/Team Inferno/media/Banner.png b/Team Inferno/media/Banner.png
diff --git a/Team Inferno/media/Skeleton.jpg b/Team Inferno/media/Skeleton.jpg
diff --git a/Team Inferno/media/Yatch.jpg b/Team Inferno/media/Yatch.jpg
diff --git a/Team Inferno/video/ModAR Demo.mp4 b/Team Inferno/video/ModAR Demo.mp4
diff --git a/Team Inferno/website/About.html b/Team Inferno/website/About.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>ABOUT US</title>
+    <link rel="stylesheet" href="css/about.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  </head>
+  <body>
+
+        <nav class="menu-activea">
+            <h1>
+                <a href="javascript:void(0);" class="icon" onclick="myFunction()">
+                  <i class="fa fa-bars"></i>
+                </a>
+            </h1>
+
+  <!-- Collapsible content -->
+  <div class="collapse navbar-collapse" id="navbarSupportedContent1">
+    <ul>
+      <a href="Home.html"><li>HOME</li></a>
+      <a href="About.html"><li>ABOUT</li></a>
+      <a href="Contact.html"><li>CONTACT US</li></a>
+    </ul>
+</nav>
+
+        <main  style="width: 100%; background-image: url(images/unity_home3.png); background-size: cover; background-position: center top;">
+            <section>
+              <br><br><br>
+              <h1>About US</h1>
+              <br>
+              <p>
+                This website is created by Team Inferno, students of Second Year Information Technology Department of Vishwakarma Institute of Technology, Pune.
+                <br><br> An Augmented Reality based system wherein school students would be able to observe 3D models of subtopics of various subjects. This can be done with the help of combination of a website and a mobile app. Three subtopics (Human anatomy, Solar system and English alphabets) are added in the website as well as in the application. On selecting any one of the subtopics, the website would display images and relevant information of that particular subtopic. These images can be scanned by our custom mobile application which would immediately augment a 3D model of those images. These models can be observed from any angle by rotating our phone and the information provided by the website would aid in better understanding of the same.
+              </p> 
+
+
+            </section>
+        </main>
+
+
+        <script  src="js/navbar_home.js"></script>
+  </body>
+</html>
diff --git a/Team Inferno/website/Alphabets.html b/Team Inferno/website/Alphabets.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <title>CodePen - Split 3D Carousel</title>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Merriweather:300:italic" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+<link rel="stylesheet" href="css/A1.css">
+
+</head>
+<body>
+
+
+    <nav class="menu-activea">
+        <h1>
+            <a href="javascript:void(0);" class="icon" onclick="myFunction()">
+              <i class="fa fa-bars"></i>
+            </a>
+        </h1>
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent1">
+        <ul>
+          <a href="Home.html"><li>HOME</li></a>
+          <a href="About.html"><li>ABOUT</li></a>
+          <a href="Contact.html"><li>CONTACT US</li></a>
+
+        </ul>
+    </nav>
+<!-- partial:index.partial.html -->
+<div class="carousel">
+    <div class="carousel__control">
+    </div>
+    <div class="carousel__stage">
+        <div class="spinner spinner--left">
+            <div class="spinner__face js-active" data-bg="#2AA7D8">
+                <div class="content" data-type="a">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> A </b></h1>
+                            <p> <br>
+                                A -<br>Apple<br>Astronaut<br>Avocado<br>Ant<br>ambulance<br>Axe</p>
+
+                        </div>
+                        <h3 class="content__index">01</h3>
+                    </div>
+                </div>
+            </div>
+            <div class="spinner__face" data-bg="#6FD6FF">
+                <div class="content" data-type="b">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> B </b></h1>
+                            <p>B -<br>Ball<br>Box<br>Boy<br>Bus<br>Bat<br>Bear</p>
+
+                        </div>
+                        <h3 class="content__index">02</h3>
+                    </div>
+                </div>
+            </div>
+            <div class="spinner__face" data-bg="#2AA7D8">
+                <div class="content" data-type="c">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> C</b></h1>
+                            <p>C -<br>Car<br>Cat<br>Carrot<br>Cake<br>Camel<br>Corn</p>
+
+                        </div>
+                        <h3 class="content__index">03</h3>
+                    </div>
+                </div>
+            </div>
+            <div class="spinner__face" data-bg="#6FD6FF">
+                <div class="content" data-type="d">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> D </b></h1>
+                            <p>D -<br>Dog<br>Doll<br>Donkey<br>Dam<br>Dolphin<br>Duck</p>
+
+                        </div>
+                        <h3 class="content__index">04</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="spinner__face" data-bg="#2AA7D8">
+                <div class="content" data-type="f">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> F</b></h1>
+                            <p>F -<br>Fan<br>Flower<br>Fish<br>Frog<br>Flag<br>Fire</p>
+
+                        </div>
+                        <h3 class="content__index">05</h3>
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="spinner__face" data-bg="#2AA7D8">
+                <div class="content" data-type="h">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> H </b></h1>
+                            <p>H -<br>Hat<br>Hen<br>Horse<br>House<br>Honey<br>Hammer</p>
+
+                        </div>
+                        <h3 class="content__index">07</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="spinner__face" data-bg="#6FD6FF">
+                <div class="content" data-type="i">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> I </b></h1>
+                            <p>I -<br>Icecream<br>Ink<br>Island<br>Igloo<br>Insect<br>Iron</p>
+
+                        </div>
+                        <h3 class="content__index">06</h3>
+                    </div>
+                </div>
+            </div>
+            <div class="spinner__face" data-bg="#6FD6FF">
+                <div class="content" data-type="r">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> R </b></h1>
+                            <p>R -<br>Rat<br>Rose<br>Rabbit<br>Rainbow<br>Ring<br>Rocket</p>
+
+                        </div>
+                        <h3 class="content__index">08</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="spinner__face" data-bg="#2AA7D8">
+                <div class="content" data-type="t">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> T </b></h1>
+                            <p>T - Tree<br>Tabe<br>Turtle<br>Tiger<br>Tomato<br>Truck</p>
+
+                        </div>
+                        <h3 class="content__index">09</h3>
+                    </div>
+                </div>
+            </div>
+
+            <div class="spinner__face" data-bg="#6FD6FF">
+                <div class="content" data-type="y">
+                    <div class="content__left">
+
+                    </div>
+                    <div class="content__right">
+                        <div class="content__main">
+                            <h1><b> Y </b></h1>
+                            <p>Y - Yacht<br>Yogurt<br>Yak<br>Yarn<br>Yellow<br>Yawn</p>
+
+                        </div>
+                        <h3 class="content__index">10</h3>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+
+<!--  Poor man's preloader -->
+<div style="height: 0; width: 0; overflow: hidden">
+<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/peru.jpg">
+<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/canada.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/china.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/usa.jpg"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/215059/iceland.jpg"></div>
+
+<!-- partial -->
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script><script  src="js/A2.js"></script>
+  <script type="text/javascript" src="js/A1.js"></script>
+</body>
+</html>