MagicMirror/about.html at master · arora1mayank/MagicMirror · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!doctype html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="about.css">

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Baloo+2&family=Poppins&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<title>About | MagicMirror</title>
<link rel="icon" href="images/2.png">
  </head>
  <body>
    <header>
      <nav data-spy="affix" data-offset-top="197">
        <div class="logo">
           <h1 class="logo-name"><a href="index.html"><img src="images/2.png"></a></h1>
            </div>
            <ul>
                 <li><a href="https://www.facebook.com/mayank.arora.90410834/" target="_blank"><i class="fab fa-facebook"></i></a></li>
              <li><a href="https://www.instagram.com/mtrsmusic/" target="_blank"><i class="fab fa-instagram"></i></a></li>
              <li><a href="https://twitter.com/MayankA22349266" target="_blank"><i class="fab fa-twitter"></i></a></li>
              <li><a href="https://www.linkedin.com/in/mayank-arora-7031a319a/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
            </ul>
      </nav>
    </header>
    <main>

       <div class="navs">
              <ul>
            <li><a href="index.html">Home</a></li>
              <li><a href="about.html">About</a></li>

            </ul>
            <div class="tog">
                <ul>
                <li><a href="index.html">Home</a></li>
              <li><a href="about.html">About</a></li>

            </ul>
            </div>
            <div class="bars">
            <button class="but"><i class="fas fa-bars"></i></button>
          </div>
            <div class="log-sec">
           <h3>Contact</h3>
              <button><a href="#">7988237971</a></button>
               <button><a href="https://mail.google.com/mail/u/0/#inbox?compose=GTvVlcSGLCMWpmLblVzQBBDBwsBgkqgScBCkrXqMtwfTxQZGxkCppNfbGcMPbNSjdvBqNXBqWWdvc">Email</a></button>
            </div>
            </div>


<div class="about-area">
  <div class="part-a">
    <h1 class="a-head">About Us</h1>
    <p class="p-head">We are a team of professional engineers working to make a change through innovation to common people. We want to promote digital India by empowering people and youth through the latest technologies at an affordable cost.
We want that technology should accessible to each and every person for the betterment of their life. We want to replace all the simple mirrors in the future through these Magic Mirrors where a person can multitask their need through that mirrors.It will also help in time management & reduce the workload of the next generations. In the future we want it to be used by Stores and big businesses for the virtual try-on with the use of Augmented Reality.    </p>
  </div>
<div class="part-b">
  <img src="images/abt.jpg" alt="">

  </div>
    </div>

<div class="card-section">
  <h1 class="head-title"><span>W</span>hy <span>W</span>e?</h1>
  <div class="flex">
  <div class="grid-a">
    <div class="card-a card">
     <i class="fas fa-eye"></i>
     <h2>Our mission</h2>
     <p><span>&bull;</span>Our mission is to empower our youth community to provide 'innovation with an edge, not just education.<br>
      <span>&bull;</span>Our  team delivers strategic and technical responses to the challenges and opportunities posed by prople & bussinesses, technology and competition through offering results-oriented analysis, solutions and implementations to the subjects concern.

     </p>
    </div>
       <div class="card-b card">
       <i class="fas fa-crown"></i>
        <h2>Our vibe</h2>
        <p>
    <span>&bull;</span>
We call this vibe MagicMirror, and we provide not just the vision for this new world of innovation but the information and community connections to make it a reality.<br>
    <span>&bull;</span>
In particular, in the 21st century, we believe three skills are fundamental: The ability to find
fact-based information,The ability to assess the quality of information
     </p>
    </div>
  </div>
    <div class="grid-b">
       <div class="card-c card">
      <i class="fas fa-handshake"></i>
        <h2>Our promise</h2>
        <p>
 <span>&bull;</span>It's our promise to this world where students become lifelong learners and develop 21st-century skills. It's a world where innovation is the rule, not the exception.<br>
 <span>&bull;</span>It's a world where startups provides innovative project-based learning, social and emotional learning, and access to new technology. In a world where students and parents.
     </p>
    </div>
       <div class="card-d card">
       <i class="fas fa-praying-hands"></i>
        <h2>Our essence</h2>
        <p>
        <span>&bull;</span>Our commitment to our all the Youth Community and to accelerating equality for all has never been more relevant than it is today.<br>
        <span>&bull;</span>
Your career is about what you want to be and who you want to be. Here, you'll match your ingenuity with the latest technology to make incredible things.
Together, let's create positive, long-lasting change.
     </p>
    </div>
  </div>
</div>
  </div>
<div class="dev-section">
  <h1>Developer Team</h1>
  <div class="dev-cards">
    <div class="dp">
      <img src="images/anuj.jpg" alt="error!">
<h3>Anuj Saklani</h3>

<h6>Developer</h6>
<h4> C.S.E | 2019-23</h4>
<a href="https://www.linkedin.com/in/anuj-saklani-86b811219/" target="_blank">Linkedin</a>
    </div>

     <div class="dp">
      <img src="images/mayank.JPG" alt="error!">
<h3>Mayank Arora</h3>

<h6>Project Head</h6>
<h4> C.S.E | 2019-23</h4>
<a href="https://www.linkedin.com/in/mayank-arora-7031a319a/" target="_blank">Linkedin</a>
    </div>
         <div class="dp">
      <img src="images/harsh.jpeg" alt="error!">
<h3>Harsh Phutela</h3>

<h6>Front End Developer/Graphic Designer</h6>
<h4> C.S.E | 2020-24</h4>
<a href="https://www.linkedin.com/in/harsh-phutela-0541a1bb/" target="_blank">Linkedin</a>
    </div>


  </div>
</div>
 </main>
 <footer>
  <div class="foot-section">
     <ul>
                <li><a href="https://www.facebook.com/mayank.arora.90410834/" target="_blank"><i class="fab fa-facebook"></i></a></li>
              <li><a href="https://www.instagram.com/mtrsmusic/" target="_blank"><i class="fab fa-instagram"></i></a></li>
              <li><a href="https://twitter.com/MayankA22349266" target="_blank"><i class="fab fa-twitter"></i></a></li>
              <li><a href="https://www.linkedin.com/in/mayank-arora-7031a319a/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
            </ul>
            <div class="c-r">
               <h5>&copy; Copyrights @<span>M</span>agic <span>M</span>irror. All rights reserved</h5>

            </div>
  </div>
</footer>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
   <script type="text/javascript">
    let show=true;
     $(".but").click(function(){
if(show){
  $(".tog").slideDown()
  show=false;
}
else{
  $(".tog").slideUp()
  show=true;
}
     })
   </script>
  </body>
</html>