<!DOCTYPE html>

<html lang="en">

<head>

<title>Squaremagie Download 6</title>

<meta name="keywords" content="download bimagic and trimagic document, pdf-file, xps-file and Excelsheet xlsx-file." />

<meta name="description" content="download bimagic and trimagic square document, pdf-file, xps-file and Excelsheet xlsx-file." />

<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 */

   

<!-- /* coding java script with micke */ -->

/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 80px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: hidden; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  color: black;

  text-align: left;

}

/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 15px;

  border: 1px solid #888;

  width: 562px;

  height: scroll;

}

/* The Close Button */

.close {

  color: red;

  float: right;

  font-size: 28px;

  font-weight: bold;

}

.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}

<!-- /* coding java script 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: 135px;

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

  padding: 5px 10px;

  border: none;

  text-align: left;

  font-size: 13px;

  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: 576px) {

  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;

  margin-top: 10px;

}

article, div {

  padding: 0px 0px;

  background: none;

  font-size: 17px;

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

  color: black;

  text-align: center;

  margin-top: 1%;

}

nav, div {

  padding: 0px 0px;

  background: none;

  font-size: 13px;

  color: white;

  text-align: center;

  margin-top: 0%;

}

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: 96%; /* coding the top margin of center column first section article div */

}

.firsthalf{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;  

}

.secondsection{

    background-color: none;

    height: 4%; /* coding the top margin of center column second section article div */

    }

.secondhalf{

    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: 100%;

    margin: auto;

    height: 100%;

    margin-top: 0%;

}

/* coding gallery and text section with micke */

   

/* coding button with micke */    

.btn {

    background-color: lightgrey;

    color: white;

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

    position: autofixed;

    font-size: 0px;

    font-weight: none;

    text-transform: none;

    line-height: 5px;

    height: 30px;

    width: auto;

    margin-top: 3px;

    border: 3px solid lightpink;

    cursor: pointer;

    border-style: outset;

}

.btn:hover{

    background-color: lightgoldenrodyellow;

    color: none;

    border: 3px inset lightgrey;

}

.button {

   background-color: lightgrey;

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

   border: 1px solid white;

   color: blue;

   padding: 10px 0px;

   text-align: center;

   text-decoration: none;

   display: inline-table;

   line-height: 0px;

   width: 162px;

   font-weight: none;

   font-size: 15px;

   margin: 0px 0px;

   cursor: pointer;

   margin-top: 6%;

   justify-content: center;

   align-items: center;

   border-style: none;

}

.button:hover{

    background-color: none;

    color: red;

}

p.button_1 {

    background-color: none;

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

    color: black;

    padding: 1px, 1px;

    text-align: center;

    text-decoration: none;

    margin-top: 10px;

    display: inline-block;

    font-size: 12px;

    position: relative;

    border-style: outset;

}

 p.button_1:hover {

    background-color: white;

}

p.button_2 {

    background-color: none;

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

    color: black;

    padding: 1px, 1px;

    text-align: center;

    text-decoration: none;

    margin-top: 0px;

    display: inline-block;

    font-size: 12px;

    position: relative;

    border-style: none;

}

 p.button_2:hover {

    background-color: white;

}

p.button_3 {

    background-color: none;

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

    color: black;

    padding: 0px, 0px;

    text-align: left;

    text-decoration: none;

    font-weight: none; /* font-weight: bold; -> big character, coding with micke */

    text-transform: none; /* text-transform: uppercase; -> big character, coding with micke */

    margin-top: 0px;

    display: inline-block;

    font-size: 15px;

    width: auto;  /* --scroll layout width=auto - second section-- */

    height: 275px;

    border-style: none;

    overflow-y: scroll;  /* --scroll layout overflow-y - second section-- */

}

 p.button_3: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-family: 'montserrat', sans-serif;

    font-size: 16px;

    font-weight: 500px;

    text-align: center;

}

h1{

    text-align: left;

}

.text-medium{

    font-family: 'piazzolla', serif;

    color: blue;

    font-size: 16px;

    font-weight: bold;

    text-decoration: none;

    text-transform: none;

}

.text-small{

    font-size: 12px;

}

p{

    text-align: center;

}

.text-medium{

    font-family: 'piazzolla', serif;

    color: blue;

    font-size: 18px;

    font-weight: bold;

    text-decoration: none;

    text-transform: none;

}

/* coding text with micke */

 

/* coding gallery with micke */    

div.gallery {

  margin: 6px 3px;

  border: 1px solid none;

  float: left;

  height: 0%;

  width: auto;

}

 

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: 1%; /* 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;

            }

table.two {

                border-collapse: collapse;

                width: auto;

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

            }

            th, td_2 {

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

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

                padding: 0px;

                height: auto;

                width: auto;

                font-size: 0px;

                text-decoration: none;

                text-align: center;

            }

/* coding table with micke */

   

/* coding dropdown in header with micke */    

.leftmenu {

    width: 21%;

    float: left;

    margin-top: 1%;

 }

.rightmenu {

    width: 21%;

    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 Download 6

 

            <div class="leftmenu">

                <div class="dropdown">

                 <button class="dropbtn">Download Space</button>

                 <div class="dropdown-content">

                 <a href="driveorder1.html">Download page 1</a>

                 <a href="driveorder2.html">Download page 2</a>

                 <a href="driveorder3.html">Download page 3</a>

                 <a href="driveorder4.html">Download page 4</a>

                 <a href="driveorder5.html">Download page 5</a>

                 <a style="color:purple;" href="driveorder6.html">Download page 6</a>

                 </div></div>

            </div>

             

            <div class="rightmenu">

                <div class="dropdown">

                 <button class="dropbtn">Download Space</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="Complete Latin-Euler Magic Square of Order 4-5, pdf-file by Mikael Hermansson 2025."><button class="btn">

                    <a href="../Squarespace_4/MagicSquare2025_Order5.pdf" class="button" target="_blank" download>Download pdf</a>

                    </button></abbr>

                    <div class="desc">Magic Square of Order 5</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Complete Latin-Euler Magic Square of Order 4-5, xps-file by Mikael Hermansson 2025."><button class="btn">

                    <a href="../Squarespace_4/MagicSquare2025_Order5.xps" class="button" target="_blank" download>Download xps</a>

                    </button></abbr>

                    <div class="desc">Magic Square of Order 5</div>

                    </div>    

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Complete Latin-Euler Magic Square of Order 4-5, xlsx-file by Mikael Hermansson 2025."><button class="btn">

                    <a href="../Squarespace_4/MagicSquare2025_Order5.xlsx" class="button" target="_blank" download>Excelsheet xlsx</a>

                    </button></abbr>

                    <div class="desc">Magic Square of Order 5</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Download yellow Bimagic Square of Order 8, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare_Order8_2.pdf" class="button" target="_blank" download>Yellow Squares pdf</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 8 B</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Intel quantum computing background story, pdf-file."><button class="btn">

                    <a href="../Squarespace_4/Intel-quantum_computing.pdf" class="button" target="_blank" download>Quantum Computing I</a>

                    </button></abbr>

                    <div class="desc">Intel Quantum Computing pdf</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Microsoft quantum computing background story, pdf-file."><button class="btn">

                    <a href=../Squarespace_4/Microsoft-quantum_computing.pdf class="button" target="_blank" download>Quantum Computing II</a>

                    </button></abbr>

                    <div class="desc">Microsoft Quantum Computing</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">#</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Download The Cheeses of France by Mikael Hermansson, pdf-files´."><button class="btn">

                    <a href="../Squarespace_3/The_Cheeses_of_France.pdf" class="button" target="_blank" download>Mikael Hermansson</a>

                    </button></abbr>

                    <div class="desc">The Cheeses of France</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Historiskt brev från Drottning Christina 1633, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Drottning_Christina.pdf" class="button" target="_blank" download>Drottning Christina</a>

                    </button></abbr>

                    <div class="desc">Historiskt brev från 1633</div>

                    </div>    

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Arboga Krönika - Historisk skildring av Dr. Gustaf Bergström, pdf-file."><button class="btn">

                    <a href="../Sqquarespace_3/Gustaf_Bergstrom.pdf" class="button" target="_blank" download>Gustaf Bergstrom</a>

                    </button></abbr>

                    <div class="desc">Arboga Krönika 1892</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Kriget mot Danmark 1675-1679 av Gustaf_Björlin, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Gustaf_Bjorlin.pdf" class="button" target="_blank" download>Gustaf Bjorlin pdf</a>

                    </button></abbr>

                    <div class="desc">Kriget mot Danmark 1675</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Leonhard Euler - On Magic Squares, pdf-files"><button class="btn">

                    <a href="../Squarespace_3/Leonhard_Euler.pdf" class="button" target="_blank" download>Leonhard Euler</a>

                    </button></abbr>

                    <div class="desc">On Magic Squares</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Matrices in 3-space, pdf-files"><button class="btn">

                    <a href="../Squarespace_3/Matrices_3-space.pdf" class="button" target="_blank" download>Matrix in 3-space</a>

                    </button></abbr>

                    <div class="desc">Magic Square in 3-space</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Berättelse ur Svenska Historien - Gustaf II Adolf av Anders Fryxell 1833, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Anders_Fryxell.pdf" class="button" target="_blank" download>Anders Fryxell pdf</a>

                    </button></abbr>

                    <div class="desc">Gustaf II Adolf:s Historia</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Berättelse ur Svenska Historien - Gustaf II Adolf av Anders Fryxell 1833, xps-file."><button class="btn">

                    <a href="../Squarespace_3/Anders_Fryxell.xps" class="button" target="_blank" download>Anders Fryxell xps</a>

                    </button></abbr>

                    <div class="desc">Gustaf II Adolf:s Historia</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Konung Gustaf III:s efterlämnade papper av Erik Gustaf Geijer 1843 del:1, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Erik-Gustaf_Geijer_del1.pdf" class="button" target="_blank" download>Gustaf Geijer pdf</a>

                    </button></abbr>

                    <div class="desc">Konung Gustaf III Historia 1</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Konung Gustaf III:s efterlämnade papper av Erik Gustaf Geijer 1843 del:1, xps-file."><button class="btn">

                    <a href=../Squarespace_3/Erik-Gustaf_Geijer_del1.xps"" class="button" target="_blank" download>Gustaf Geijer xps</a>

                    </button></abbr>

                    <div class="desc">Konung Gustaf III Historia 1</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Konung Gustaf III:s efterlämnade papper av Erik Gustaf Geijer 1843 del:2, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Erik-Gustaf_Geijer_del2.pdf" class="button" target="_blank" download>Gustaf Geijer pdf</a>

                    </button></abbr>

                    <div class="desc">Konung Gustaf III Historia 2</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Konung Gustaf III:s efterlämnade papper av Erik Gustaf Geijer 1843 del:2, xps-file."><button class="btn">

                    <a href="../Squarespace_3/Erik-Gustaf_Geijer_del2.xps" class="button" target="_blank" download>Gustaf Geijer xps</a>

                    </button></abbr>

                    <div class="desc">Konung Gustaf III Historia 2</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 1</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 1</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 2</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 2</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 3</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Sveriges Historia bokdel: 3</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page Formula, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode6.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Formula Space</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page Database, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode7.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Database Space</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page Trimagic, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode8.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Trimagic Space</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page Bimagicsquare Order 8d, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode9.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Bimagic Order 8d</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page Bimagicsquare Order17, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode10.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Bimagic Order 17</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of Squaremagie page of Trimagicsquare Order 12a, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode11.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode Bimagic Order 12</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of History scroll text page, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode1.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode document History</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of squaremagie 1 in photocollection, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode3.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode of Squaremagie 1</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of squaremagie 3 in photocollection, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode2.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Sourcecode of Squaremagie 3</div>

                    </div>    

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of download 4, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode4.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Source code of Download 4</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="HTML, CSS & JS sourcecode of download 6, Visual Studio Code transformed to Word-html."><button class="btn">

                    <a href="WordDocument/HTML-CSS2025_sourcecode5.html" class="button" target="_blank" download>HTML css sourcecode</a>

                    </button></abbr>

                    <div class="desc">Source code of Download 6</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Atomic spectralines of Hydrogen, Helium and Argon from Kurchatov Institute, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/Kurchatov_Institute.pdf" class="button" target="_blank" download>Kurchatov Institute pdf</a>

                    </button></abbr>

                    <div class="desc">Hydrogen Atomic Spectralines</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Download Modern Quantum Mechanics 2016, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/ModernQuantumMechanics_2016.pdf" class="button" target="_blank" download>Quality Document pdf</a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics A</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Modern Quantum Mechanics 2016, xps-file."><button class="btn">

                    <a href="../Squarespace_3/ModernQuantumMechanics_2016.xps" class="button" target="_blank" download>Quality Document xps</a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics A</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Hydrogen, Helium & Argon Atom 2024, with the speed of light, Excel xlsx-file."><button class="btn">

                    <a href="../Squarespace_3/Hydrogen_Atom_2023.xlsx" class="button" target="_blank" download>Excelsheet 2023</a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics A</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Hydrogen, Helium & Argon Atom 2025, with the speed of light, Excel xlsx-file."><button class="btn">

                    <a href="../Squarespace_3/Hydrogen_Atom_2024.xlsx" class="button" target="_blank" download>Excelsheet 2024</a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics B</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics B</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Upcoming Download"><button class="btn">

                    <a href="#" class="button" target="_blank" download></a>

                    </button></abbr>

                    <div class="desc">Modern Quantum Mechanics B</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Download new complete pdf-file by Mikael Hermansson, Bimagic Square of Order 25."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2024_Order25.pdf" class="button" target="_blank" download>Quality Document pdf</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 25</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download new complete xps-file by Mikael Hermansson, Bimagic Square of Order 25."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2024_Order25.xps" class="button" target="_blank" download>Quality Document xps</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 25</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download new complete xlsx-file by Mikael Hermansson, Bimagic Square of Order 25."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2024_Order25.xlsx" class="button" target="_blank" download>Excelsheet 2024</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 25</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download New Bimagic Square of Order 32, pdf-file."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2025-Key1_Order32.pdf" class="button" target="_blank" download>Download pdf</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 32</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download New Bimagic Square of Order 32, xps-file."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2025-Key1_Order32.xps" class="button" target="_blank" download>Download xps</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 32</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download new complete xlsx-file by Mikael Hermansson, Bimagic Square of Order 32."><button class="btn">

                    <a href="../Squarespace_3/BimagicSquare2025-Key1_Order32.xlsx" class="button" target="_blank" download>Excelsheet xlsx</a>

                    </button></abbr>

                    <div class="desc">Bimagic Square of Order 32</div>

                    </div>  

                </td>

            </tr>

            <tr>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 128 A, pdf document."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2024_Order128_1.pdf" class="button" target="_blank" download>Download pdf</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 A</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 128 A, xps document."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2024_Order128_1.xps" class="button" target="_blank" download>Download xps</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 A</div>

                    </div>    

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 32 B, pdf document."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2023_Order32_2.pdf" class="button" target="_blank" download>Download pdf</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 B</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 128 B, xps document."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2024_Order128_2.xps" class="button" target="_blank" download>Download xps</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 B</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 128 A, Excel xlsx-file."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2024_Order128_1.xlsx" class="button" target="_blank" download>Excelsheet xlsx</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 A</div>

                    </div>  

                </td>

                <td>

                    <div class="gallery">

                    <abbr title="Download Trimagic Square of Order 128 B, Excel xlsx-file."><button class="btn">

                    <a href="../Squarespace_2/TrimagicSquare2024_Order128_2.xlsx" class="button" target="_blank" download>Excelsheet xlsx</a>

                    </button></abbr>

                    <div class="desc">Trimagic Square Order 128 B</div>

                    </div>  

                </td>

            </tr>

           </table>    

         

           <section class="secondsection">

              <div class="box-main">

                <div class="secondHalf">

                  <div class="text">

                    <table class="two">

                      <tr>

                         <td_2>

                             <!-- /* coding java script with micke */ -->

                             <!-- Trigger/Open The Modal -->

                             <p class="button_1"><button id="myBtn">Pop up Window</button></p>

           

                             <!-- The Modal -->

                             <div id="myModal" class="modal">

                           

                             <!-- Modal content -->

                             <div class="modal-content">

                             <span class="close">&times;</span>

                             <h2 class="text-medium" id="program">Quantum computing: Intel quantum 17-qubit-2 test chip (2017).</h2>

                             <p class="button_2"><abbr title="Quantum computing test chip, photo credit: Intel."><img src="../images/Intel-Quantum-17-Qubit-2.jpg" alt="Quantum Computing" class="align-center medium" /></abbr></p>  

                             <!-- /* coding java script with micke */ -->

   

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

                             <B>Intel's chip to advance silicon spin qubit research for quantum computing.</B><br />

 

Intel makes new quantum chip available to university and federal research labs to grow the quantum computing research community.

<br /><br />

What’s New: Today (2023-06-15), Intel announced the release of its newest quantum research chip, Tunnel Falls, a 12-qubit silicon chip, and it is making the chip available to the quantum research community. In addition, Intel is collaborating with the Laboratory for Physical Sciences (LPS) at the University of Maryland, College Park’s Qubit Collaboratory (LQC), a national-level Quantum Information Sciences (QIS) Research Center, to advance quantum computing research.<br /><br />

“Tunnel Falls is Intel’s most advanced silicon spin qubit chip to date and draws upon the company’s decades of transistor design and manufacturing expertise. The release of the new chip is the next step in Intel’s long-term strategy to build a full-stack commercial quantum computing system. While there are still fundamental questions and challenges that must be solved along the path to a fault-tolerant quantum computer, the academic community can now explore this technology and accelerate research development.”

<B>Jim Clarke</B>, director of Quantum Hardware, Intel.<br /><br />

Why It Matters: Currently, academic institutions don’t have high-volume manufacturing fabrication equipment like Intel. With Tunnel Falls, researchers can immediately begin working on experiments and research instead of trying to fabricate their own devices. As a result, a wider range of experiments become possible, including learning more about the fundamentals of qubits and quantum dots and developing new techniques for working with devices with multiple qubits.<br /><br />

To further address this, Intel is collaborating with LQC as part of the Qubits for Computing Foundry (QCF) program through the U.S. Army Research Office to provide Intel’s new quantum chip to research laboratories. The collaboration with LQC will help democratize silicon spin qubits by enabling researchers to gain hands-on experience working with scaled arrays of these qubits. The initiative aims to strengthen workforce development, open the doors to new quantum research and grow the overall quantum ecosystem.<br /><br />

The first quantum labs to participate in the program include LPS, Sandia National Laboratories, the University of Rochester, and the University of Wisconsin-Madison. LQC will work alongside Intel to make Tunnel Falls available to additional universities and research labs. The information gathered from these experiments will be shared with the community to advance quantum research and to help Intel improve qubit performance and scalability.

<br /><br />

“The LPS Qubit Collaboratory, in partnership with the Army Research Office, seeks to tackle the hard challenges facing qubit development and develop the next generation of scientists who will create the qubits of tomorrow,” said Charles Tahan, chief of Quantum Information Science, LPS. “Intel’s participation is a major milestone to democratizing the exploration of spin qubits and their promise for quantum information processing and exemplifies LQC’s mission to bring industry, academia, national labs, and government together.”

<br /><br />

<B>Dr. Dwight Luhman</B>, distinguished member of Technical Staff at Sandia National Laboratories, said, “Sandia National Laboratories is excited to be a recipient of the Tunnel Falls chip. The device is a flexible platform enabling quantum researchers at Sandia to directly compare different qubit encodings and develop new qubit operation modes, which was not possible for us previously. This level of sophistication allows us to innovate novel quantum operations and algorithms in the multi-qubit regime and accelerate our learning rate in silicon-based quantum systems. The anticipated reliability of Tunnel Falls will also allow Sandia to rapidly onboard and train new staff working in silicon qubit technologies.“

<br /><br />

<B>Mark A. Eriksson</B>, department chair and <B>John Bardeen</B> Professor of Physics, Department of Physics, University of Wisconsin-Madison, said, “UW-Madison researchers, with two decades of investment in the development of silicon qubits, are very excited to partner in the launch of the LQC. The opportunity for students to work with industrial devices, which benefit from Intel’s microelectronics expertise and infrastructure, opens important opportunities both for technical advances and for education and workforce development.”

<br /><br />

https://newsroom.intel.com/new-technologies/quantum-computing-chip</p>

                             </div>

                            </div>

                            </div>        

                           <!-- /* coding java script with micke */ -->

                         </td_2>

                     </tr>

                  </table>    

                 </div>

               </div>

            </div>

          </section>              

        </div>

       </div>

     </section>      

    </article>

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

   

<script>

// Get the modal

var modal = document.getElementById("myModal");

 

// Get the button that opens the modal

var btn = document.getElementById("myBtn");

 

// Get the <span> element that closes the modal

var span = document.getElementsByClassName("close")[0];

 

// When the user clicks the button, open the modal

btn.onclick = function() {

  modal.style.display = "block";

}

 

// When the user clicks on <span> (x), close the modal

span.onclick = function() {

  modal.style.display = "none";

}

 

// When the user clicks anywhere outside of the modal, close it

window.onclick = function(event) {

  if (event.target == modal) {

    modal.style.display = "none";

  }

}

</script>

   

    <!-- /* ---------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>