<!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: 8%; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* 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: 20px;
border: 2px solid #888;
width: 30%;
}
/* 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: 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;
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_2 {
background-color: none;
color: black;
padding: 1px, 1px;
text-align: center;
text-decoration: none;
margin-top: 5%;
display: inline-block;
font-size: 12px;
position: relative;
border-style: outset;
}
p.button_2:hover {
background-color: white;
}
p.button_3 {
background-color: none;
color: black;
padding: 1px, 1px;
text-align: center;
text-decoration: none;
margin-top: 1%;
display: inline-block;
font-size: 12px;
position: relative;
border-style: none;
}
p.button_3:hover {
background-color: white;
}
/* 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;
}
/* 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 */
</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="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>
<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="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>
<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
source code of History scroll text page, Visual Studio Code transformed to
Word-html."><button class="btn">
<a href="WordDocument/Html-css2025_source_code1.html" class="button" target="_blank" download>Html css
source code</a>
</button></abbr>
<div class="desc">Source code text document</div>
</div>
</td>
<td>
<div class="gallery">
<abbr title="HTML, CSS & JS
source code of photocollection, Visual Studio Code
transformed to Word-html."><button class="btn">
<a href="WordDocument/Html-css2025_source_code2.html" class="button" target="_blank" download>Html css
source code</a>
</button></abbr>
<div class="desc">Source code photocollection</div>
</div>
</td>
<td>
<div class="gallery">
<abbr title="HTML, CSS & JS
source code of download 4, Visual Studio Code transformed to Word-html."><button class="btn">
<a href="WordDocument/Html-css2025_source_code3.html" class="button" target="_blank" download>Html css
source code</a>
</button></abbr>
<div class="desc">Source code of download 4</div>
</div>
</td>
<td>
<div class="gallery">
<abbr title="HTML, CSS & JS
source code of download 5, Visual Studio Code transformed to Word-html."><button class="btn">
<a href="WordDocument/Html-css2025_source_code4.html" class="button" target="_blank" download>Html css
source code</a>
</button></abbr>
<div class="desc">Source code of download 5</div>
</div>
</td>
<td>
<div class="gallery">
<abbr title="HTML, CSS & JS
source code of download 6, Visual Studio Code transformed to Word-html."><button class="btn">
<a href="WordDocument/Html-css2025_source_code5.html" class="button" target="_blank" download>Html css
source code</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_2"><button id="myBtn">Pop up Window</button></p>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<h2 class="text-medium" id="program">Quantum computing: Intel
quantum 17-qubit-2 test chip (2017).</h2>
<p class="button_3"><abbr title="Quantum computing test chip, photo credit:
Intel."><img src="../images/Intel-Quantum-17-Qubit-2.jpg" alt="os" class="align-center medium" /></abbr></p>
</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">©<span id="year">2025</span><span> Squaremagie
Space. All rights reserved.</span></div>
</footer>
<!-- /* ---------New Layout Section3---------- */ -->
</body>
</html>