<!DOCTYPE html>

<html lang="en">

<head>

<title>Photocollection 1</title>

<meta name="keywords" content="photocollection, sportmagie, modern quantum mechanics" />

<meta name="description" content="photocollection, sportmagie, modern quantum mechanics introduction" />

<meta http-equiv="author" content="mikael hermansson" />

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

<meta charset="utf-8" />

</head>

   

<style type="text/css">

body{

    font-family: Arial, Helvetica, sans-serif;

    background: linear-gradient(rgba(0, 0, 0, 0.164), rgba(0, 0, 0, 0.164)), url("../../images/bf.jpg");

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0;

}  

/* coding menu dropdown with micke */

/* Style The Dropdown Button */

.dropbtn {

  font-family: 'montserrat', sans-serif;

  background-color: blueviolet;

  color: white;

  padding: 9px 17px;

  font-size: 16px;

  border: none;

  cursor: pointer;

  margin-top: 5px;

}

/* The container <div> - needed to position the dropdown content */

.dropdown {

  position: relative;

  display: inline-block;

}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 128px;

  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);

  padding: 5px 10px;

  border: none;

  text-align: left;

  font-size: 14px;

  z-index: 1;

}

/* Links inside the dropdown */

.dropdown-content a {

  color: blue;

  padding: 10px 14px;

  text-decoration: none;

  display: block;

}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #eee}

.dropdown-content a:hover {color: red}

   

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

  display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {

  background-color: greenyellow;

  color: black;

}

/* coding menu dropdown with micke */

   

/* coding layout with micke */

body {

  display: grid;

  grid-template-areas:

    "header header header"

    "nav article ads"

    "footer footer footer";

  grid-template-rows: 5% 1fr 5%;

  grid-template-columns: 0% 1fr 0%;

  grid-gap: 0px; /* --pixel will give space between layout section-- */

  height: 100vh;

  margin: 0;

  }

/* Stack the layout on small devices/viewports. */

@media all and (max-width: 575px) {

  body {

    grid-template-areas:

      "header"

      "article"

      "ads"

      "nav"

      "footer";

    grid-template-rows: 70px 1fr 70px 1fr 70px;  

    grid-template-columns: 1fr;

 }

}

#pageHeader {

  grid-area: header;

}

#pageFooter {

  grid-area: footer;

}

#mainArticle {

  grid-area: article;      

  }

#mainNav {

  grid-area: nav;

  }

#siteAds {

  grid-area: ads;

  }

header, div {

  background: none;

  font-size: 17px;

  font-family: 'montserrat', sans-serif;

  color: white;

  padding: 15px 0px;

  text-align: center;

}

article, div {

  padding: 0px 0px;

  background: none;

  font-size: 17px;

  font-family: 'montserrat', sans-serif;

  color: black;

  text-align: center;

  margin-top: 0px;

}

nav, div {

  padding: 0px 0px;

  background: none;

  font-size: 16px;

  text-align: center;

  margin-top: 0px;

}

ads, div {

  padding: 0px 0px;

  background: none;

  font-size: 0px;

  color: black;

  text-align: center;

  margin-top: 0px;

}

footer div {

  padding: 0px 0px;

  background: none;

  font-size: 15px;

  margin-top: 0px;

}

/* coding layout with micke */

   

/* coding gallery and text section with micke */

.firstsection{

    background-color: none;

    height: 20%;

}

.firsthalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;  

}

.secondsection{

    background-color: none;

    height: 16%;

    }

.secondhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.thirdsection{

    background-color: none;

    height: 20%;

    }

.thirdhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.fourthsection{

    background-color: none;

    height: 10%;

    }

.fourthhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.fifthsection{

    background-color: none;

    height: 20%;

    }

.fifthhalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.box-main{

    display: flex;

    justify-content: center;

    align-items: center;

    color: black;

    font-size: 16px;

    max-width: 80%;

    margin: auto;

    height: 100%;

    margin-top: 0%;

}

/* coding gallery and text section with micke */

   

/* coding button with micke */    

.btn {

    background-color: rgba(255,255,255, 0.25);

    color: white;

    font-family: 'montserrat', sans-serif ;

    border: none;

    position: autofixed;

    font-size: 0px;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 5px;

    height: 134px;

    width: auto;

    margin: 0px 0px;

    margin-top: 0px;

    border: 3px solid white;

    cursor: pointer;

}

.btn:hover{

    background-color: white;

    color: black;

}

.button {

   background-color: rgba(255,255,255, 0.0);

   font-family: 'montserrat', sans-serif ;

   border: 0px solid none;

   color: white;

   padding: 0px 0px;

   text-align: center;

   text-decoration: none;

   display: inline-table;

   line-height: 0px;

   width: auto;

   font-weight: none;

   font-size: 15px;

   margin: 0px 0px;

   margin-top: 0%;

   justify-content: center;

   align-items: center;

   border-style: none;

   cursor: pointer;

}

.button:hover{

    background-color: none;

    color: red;

}

 p.button_1 {

    background-color: none;

    color: none;

    padding: 1px, 1px;

    text-align: left;

    text-decoration: none;

    display: inline-block;

    font-size: 0px;

    margin-top: 0px;

    height: 110px;

    width: 165px;

    border: 4px;

    border-style: outset;

}

 p.button_1:hover {

    background-color: white;

    color: black;

}

p.button_2 {

    background-color: none;

    font-family: 'montserrat', sans-serif;

    color: lightskyblue;

    padding: 0px, 0px;

    text-align: left;

    text-decoration: none;

    margin-top: 0%;

    display: inline-block;

    font-size: 15px;

    max-width: 1265px;

    height: 224px;

    border-style: inset;

    overflow: auto;

}

 p.button_2:hover {

    background-color: white;

    color: black;

}

/* coding button with micke */

   

/* coding text with micke */

.text{

    width: 100%;

    margin-top: 0%;

    text-transform: uppercase;

    color: white;

}

.text h1{

    font-size: 36px;

    font-family: 'montserrat', sans-serif;

    font-weight: 700px;

    margin: 9px 0px;

    text-align: center;

}

.text h2{

    font-size: 18px;

    font-family: 'montserrat', sans-serif;

    font-weight: 500px;

}

h1{

    text-align: left;

}

h2{

    text-align: left;

    margin: 0px 0px;

}

.text-medium{

    font-family: 'piazzolla', serif;

    font-weight: bold;

    font-size: 18px;

    color: greenyellow;

    margin-top: 1%;

}

.text-small{

    font-size: 12px;

}

p{

    text-align: center;

}  

/* coding text with micke */

 

/* coding gallery with micke */    

div.gallery {

  margin: 4px 5px;

  border: 1px solid none;

  float: left;

  height: 160px;

  width: auto;

  margin-top: 0%;

}

 

div.gallery:hover {

  border: 1px solid none;

  padding: 0px 0px;

  width: auto;

}

 

div.desc {

  padding: 5px;

  font-size: 12px;

  color: white;

  text-align: center;

}  

/* coding gallery with micke */  

   

/* coding table with micke */

table.one   {

                border-collapse: collapse;

                width: auto;

                margin-top: 3%; /* coding the top margin of center column article div */

            }

            th, td {

                font-family: 'montserrat', sans-serif;

                border: 1px solid none; /* --color will give border line on table section - here none color-- */

                padding: 0px 0px;

                height: auto;

                width: auto;

                font-size: 0px;

                text-align: center;

            }

/* coding table with micke */

   

/* coding dropdown in header with micke */    

.leftmenu {

    width: 13%;

    float: left;

    margin-top: 1%;

 }

.rightmenu {

    width: 13%;

    float: right;

    margin-top: 1%;

 }  

/* coding dropdown in header with micke */  

   

/* coding footer with micke */

:root {

  box-sizing: border-box;

  margin: 0px;

  padding: 0px;

  font-family: sans-serif;

}

body {

  height: 100vh;

  overflow: hidden;

}

.footer {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 1rem;

  background: none;

  color: purple;

  font-weight: 500;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 0;

  gap: 0.2rem;

}

/* coding footer with micke */

   

/* coding JS footer with micke */

let year = document.querySelector("#year");

 $(document).ready(function () {

 year.innerText = new Date().getFullYear();

});

/* coding JS footer with micke */

   

/* coding text scroll with micke */    

.scroll {

    border: 1px;

    padding: 1px

    width: auto;

    height: 224px;

    overflow-x: hidden;

    overflow-y: auto;

    text-align: left;

}

/* coding text scroll with micke */  

</style>

   

<body>

            <!-- /* ---------New Layout Section1---------- */ -->

            <header id="pageHeader">Squaremagie Photocollection 1

 

            <div class="leftmenu">

                <div class="dropdown">

                 <button class="dropbtn">Welcome Home</button>

                 <div class="dropdown-content">

                 <a style="color:purple;" href="squaremagie1.html">Squaremagie 1</a>

                 <a href="squaremagie2.html">Squaremagie 2</a>

                 <a href="squaremagie3.html">Squaremagie 3</a>

                 <a href="sportmagie1.html">Sportmagie 1</a>  

                 <a href="sportmagie2.html">Sportmagie 2</a>

                 <a href="sportmagie3.html">Sportmagie 3</a>

                 <a href="gotlandsruss.html">Gotlandsruss</a>

                 <a href="gotlandsfossil1.html">Gotlandsfossil1</a>

                 <a href="gotlandsfossil2.html">Gotlandsfossil2</a>

                 </div></div>

            </div>

             

            <div class="rightmenu">

                <div class="dropdown">

                 <button class="dropbtn">Welcome Home</button>

                 <div class="dropdown-content">

                 <a href="../../index.html">Home</a>

                 <a href="../../Formula/formula.html">Formula</a>  

                 <a href="../../Database/database.html">Database</a>

                 <a href="../../Trimagic/trimagic.html">Trimagic</a>

                 <a href="../../History/history.html">History</a>

                 <a href="../../Links/links.html">Links</a>

                 <a href="../../Contact/contact.html">Contact</a>

                 </div></div>

            </div>    

               

            </header>

            <!-- /* ---------New Layout Section1---------- */ -->

   

           <!-- /* ---------New Layout Section2---------- */ -->  

           <article id="mainArticle">

           

            <section class="firstsection">

            <div class="box-main">

            <div class="firstHalf">

            <table class="one">  

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Olympic Champion Slalom and Gaint Slalom, Sochi 2014 and Pyeongchang 2018."><button class="btn"><p class=button_1>

                    <a href="../../images/Mikaela_S.jpg" style="max-width:100%" alt="Mikaela Shiffrin" target="_blank">

                    <img src="../../images/Mikaela_S.jpg" width="165" height="110" alt="Mikaela Shiffrin"></a>

                    </p></button></abbr>

                    <div class="desc">Mikaela Shiffrin</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Sally Ride, 1983."><button class="btn"><p class=button_1>

                    <a href="../../images/Sally_Ride.jpg" style="max-width:100%" alt="Sally Ride" target="_blank">

                    <img src="../../images/Sally_Ride.jpg" width="165" height="110" alt="Sally Ride"></a>

                    </p></button></abbr>

                    <div class="desc">Sally Ride</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Clint Eastwood, Hollywood."><button class="btn"><p class=button_1>

                    <a href="../../images/Clint_Eastwood.jpg" style="max-width:100%" alt="Clint Eastwood" target="_blank">

                    <img src="../../images/Clint_Eastwood.jpg" width="165" height="110" alt="Clint Eastwood"></a>

                    </p></button></abbr>

                    <div class="desc">Clint Eastwood</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Royal family of Sweden 2017."><button class="btn"><p class=button_1>

                    <a href="../../images/Kungafamiljen.jpg" style="max-width:100%" alt="Kungafamiljen Soliden" target="_blank">

                    <img src="../../images/Kungafamiljen.jpg" width="165" height="110" alt="Kungafamiljen Soliden"></a>

                    </p></button></abbr>

                    <div class="desc">Kungafamiljen Soliden</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Princess Madeleine of Sweden"><button class="btn"><p class=button_1>

                    <a href="../../images/Madeleine.jpg" style="max-width:100%" alt="Prinsessan Madeleine" target="_blank">

                    <img src="../../images/Madeleine.jpg" width="165" height="110" alt="Prinsessan Madeleine"></a>

                    </p></button></abbr>

                    <div class="desc">Princess Madeleine</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Margaret Thatcher and Ronald Reagan 1985."><button class="btn"><p class=button_1>

                    <a href="../../images/Margaret_Thatcher.jpeg" style="max-width:100%" alt="Margaret Thatcher" target="_blank">

                    <img src="../../images/Margaret_Thatcher.jpeg" width="165" height="110" alt="Margaret Thatcher"></a>

                    </p></button></abbr>

                    <div class="desc">Margaret Thatcher</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Royal Palace of Great Britain."><button class="btn"><p class=button_1>

                    <a href="../../images/Buckingham_Palace_UK.jpg" style="max-width:100%" alt="Buckingham Palace" target="_blank">

                    <img src="../../images/Buckingham_Palace_UK.jpg" width="165" height="110" alt="Buckingham Palace"></a>

                    </p></button></abbr>

                    <div class="desc">Buckingham Palace</div>

                    </div>

                </td>

               </tr>

             </table>

            </div>

           </div>  

          </section>  

               

          <section class="secondsection">

            <div class="box-main">

            <div class="secondHalf">

            <table class="one">  

            <tr>      

                <td>

                    <div class="gallery">

                    <abbr title="World Champion 800m Singapore Swim 2025."><button class="btn"><p class=button_1>

                    <a href="../../images/Katie_Ledecky.jpg" style="max-width:100%" alt="Katie Ledecky" target="_blank">

                    <img src="../../images/Katie_Ledecky.jpg" width="165" height="110" alt="Katie Ledecky"></a>

                    </p></button></abbr>

                    <div class="desc">Katie Ledecky</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Sarah Sjöström, Stockholm Swim Open 2016."><button class="btn"><p class=button_1>

                    <a href="../../images/sarah_s.jpg" style="max-width:100%" alt="Sarah Sjöström 2016" target="_blank">

                    <img src="../../images/sarah_s.jpg" width="165" height="110" alt="Sarah Sjöström 2016"></a>

                    </p></button></abbr>

                    <div class="desc">Sarah Sjöström</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Michael Phelps and Cealeb Dressel, Rio 2016."><button class="btn"><p class=button_1>

                    <a href="../../images/Michael_Caeleb.jpg" style="max-width:100%" alt="Michael & Caeleb 2016" target="_blank">

                    <img src="../../images/Michael_Caeleb.jpg" width="165" height="110" alt="Michael & Caeleb 2016"></a>

                    </p></button></abbr>

                    <div class="desc">Michael P. & Caeleb D.</div>

                    </div>

                   

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Sasha Obama family portrait 2011"><button class="btn"><p class=button_1>

                    <a href="../../images/sasha_obama.jpg" style="max-width:100%" alt="Sacha Obama" target="_blank">

                    <img src="../../images/sasha_obama.jpg" width="165" height="110" alt="Sacha Obama"></a>

                    </p></button></abbr>

                    <div class="desc">Family Obama 2011</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Olympic Champion in Artistic Gymnastics, 4x Rio de Janeiro and 3x Paris 2024."><button class="btn"><p class=button_1>

                    <a href="../../images/Simone_Biles.jpg" style="max-width:100%" alt="Simone Biles" target="_blank">

                    <img src="../../images/Simone_Biles.jpg" width="165" height="110" alt="Simone Biles"></a>

                    </p></button></abbr>

                    <div class="desc">Simone Biles</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Caeleb Dressel World Champion, Gwangju 2019."><button class="btn"><p class=button_1>

                    <a href="../../images/caeleb_dressel.jpg" style="max-width:100%" alt="Caeleb Dressel" target="_blank">

                    <img src="../../images/caeleb_dressel.jpg" width="165" height="110" alt="Caeleb Dressel"></a>

                    </p></button></abbr>

                    <div class="desc">Caeleb Dressel</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Michael Phelps and Intel 2016"><button class="btn"><p class=button_1>

                    <a href="../../images/michael_phelps.jpg" style="max-width:100%" alt="Michael Phelps" target="_blank">

                    <img src="../../images/michael_phelps.jpg" width="165" height="110" alt="Michael Phelps"></a>

                    </p></button></abbr>

                    <div class="desc">Michael Phelps</div>

                    </div>

                </td>

              </tr>

             </table>

            </div>

           </div>        

          </section>

               

          <section class="thirdsection">

            <div class="box-main">

            <div class="thirdHalf">

            <table class="one">

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Olympic gold in figure skating, Sochi 2014"><button class="btn"><p class=button_1>

                    <a href="../../images/adelina_sotnikova.jpg" style="max-width:100%" alt="Adelina Sotnikova" target="_blank">

                    <img src="../../images/adelina_sotnikova.jpg" width="165" height="110" alt="Adelina Sotnikova"></a>

                    </p></button></abbr>

                    <div class="desc">Adelina Sotnikova</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Olympic gold in figure skating, PyeongChang 2018."><button class="btn"><p class=button_1>

                    <a href="../../images/Alina_Zagitova.jpg" style="max-width:100%" alt="Alina Zagitova" target="_blank">

                    <img src="../../images/Alina_Zagitova.jpg" width="165" height="110" alt="Alina Zagitova"></a>

                    </p></button></abbr>

                    <div class="desc">Alina Zagitova</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Wedding in Saratov 2013"><button class="btn"><p class=button_1>

                    <a href="../../images/Saratov_2013.jpg" style="max-width:100%" alt="Saratov 2013" target="_blank">

                    <img src="../../images/Saratov_2013.jpg" width="165" height="110" alt="Saratov 2013"></a>

                    </p></button></abbr>

                    <div class="desc">Saratov, Russia 2013</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Wedding in Saratov 2013"><button class="btn"><p class=button_1>

                    <a href="../../images/elena_saratov.jpg" style="max-width:100%" alt="Elena Saratov 2013" target="_blank">

                    <img src="../../images/elena_saratov.jpg" width="165" height="110" alt="Elena Saratov 2013"></a>

                    </p></button></abbr>

                    <div class="desc">Elena Saratov 2013</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Anna Korotkova, Saratov 2013."><button class="btn"><p class=button_1>

                    <a href="../../images/Anna_K.jpg" style="max-width:100%" alt="Anna Korotkova" target="_blank">

                    <img src="../../images/Anna_K.jpg" width="165" height="110" alt="Anna Korotkova"></a>

                    </p></button></abbr>

                    <div class="desc">Anna Korotkova</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Micke H. Helsinki Museum"><button class="btn"><p class=button_1>

                    <a href="../../images/micke_h.jpg" style="max-width:100%" alt="Mikael Hermansson" target="_blank">

                    <img src="../../images/micke_h.jpg" width="165" height="110" alt="Mikael Hermansson"></a>

                    </p></button></abbr>

                    <div class="desc">Mikael Hermansson</div>

                    </div>

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Solvay conference, Bryssel 1927"><button class="btn"><p class=button_1>

                    <a href="../../images/Solvay_conference_1927.jpg" style="max-width:100%" alt="Solvay conference" target="_blank">

                    <img src="../../images/Solvay_conference_1927.jpg" width="165" height="110" alt="Solvay conference"></a>

                    </p></button></abbr>

                    <div class="desc">Solvay Conference 1927</div>

                    </div>

                </td>

            </tr>  

           </table>

          </div>

         </div>        

        </section>    

           

            <section class="fourthsection">

              <div class="box-main">

                <div class="fourthHalf">

               <table>

                 <tr>

                  <td>

                    <abbr title="Mickes Download 3"><a href="../../Download/driveorder6.html" class="button">Mikael Hermansson</a></abbr>

                  </td>

                 </tr>  

               </table>  

               </div>      

            </div>

          </section>    

               

            <section class="fifthsection">

              <div class="box-main">

                <div class="fifthHalf">

                    <h2 class="text-medium" id="program">The speed of light</h2>

                    <div class="scroll"><p class="button_2">

                    <B>Modern Quantum Mechanics</B> are written in one way to find the speed of light corresponding what the light speed is in nature. This know how is important for the future of nature science, hightech development and human nature resource. Through this work of investigation I can confirm that there are no photons going up in the S-orbital in <ins>Hydrogen</ins> and that there exists one another speed of light on Hydrogen atoms surface, then whatīs known today. Self I hope through this paper to become a doctor in medicine and/or medical physiology. Max Planck (1858-1947). M. Planck received 1919 the Noble Prize in Physics for year 1918 <cite>"in recognition of the service he rendered to the advancement of physics by his descovery of the enery quanta"</cite> [13]. He also proposed that light energy travels in discrete packed called quanta. Before M. Planck`s work with blackbody radiation, light energy was from classical ideas throught to be continuous, but this left many nature phenomena unexplained. While working out the mathematic to the blackbody radiation he discovered the energy quantum <cite>h</cite> (wirkungquantum) in the year 1900. These where later verified by other scientist and it where the basis of an entirely new field of modern physics, known as Quantum Mechanics, which could explain the atomic structure of matter in all atoms and molecules. The constant <cite>h</cite> takes the energy pro Js of one revolution or frequency Hz, and itīs the smallest unbreakable energy of light quanta. M. Planckīs conclusion gives us the quantum hypothesis, which stated a discontinuities and precision with the all nature processes. This conclusion has developed through Nils Bohr (1885-1962) modern quantum theory, which includes also the old classical mechanics and old principles of electrodynamics. M. Planck was honorary member of the science academy (1922). Today Max Planck honors the institute of Modern Physics in Berlin. The speed of light and the behavior of the electron is the central dogma in atomic theory and the description of nature. This essay will take up modern theoretical studies of the Hydrogen atom through this understand the difference when the electron has relativistic action at first orbital and when itīs on rest or donīt do any work at Hydrogen surface. The design and development of photonspeed at Hydrogen surface is the only true lightspeed for hightech and the scientific. Download Modern Quantum Mechanics, Hydrogen 2024.</p>

                    </div>

                </div>      

            </div>

          </section>          

      </article>

   

        <nav id="mainNav"></nav>

        <!-- /* ---------New Layout Section2---------- */ -->

   

    <!-- /* ---------New Layout Section3---------- */ -->

    <footer id="pageFooter">

    <div class="footer">&copy;<span id="year">2025</span><span> Squaremagie Space. All rights reserved.</span></div>

    </footer>

    <!-- /* ---------New Layout Section3---------- */ -->

   

  </body>

</html>