Sideway BICK BlogSideway BICK BLOG from Sideway

A Sideway to Sideway Home
Home
Output.to

Link:http://output.to/sideway/default.asp?qno=190300024

Knowledge Base CSS Mathematical Form Column Form

CSS Mathematical Form

There are many ways to present complicated mathematical expressions in a HTML web page. However HTML together with CSS can also be used to present most simple mathematical expressions in HTML web pages.

Compound Mathematical Form

There are also many ways to present the mathematical form of an equation. One simple way is to make use of HTML tags and CSS attributes. 

Column Form Function

There are many ways to present fraction in column form. One simple way is to arrange row fraction in tabular form.

HTML Document Input:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
<link rel="stylesheet"  type="text/css" href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif:100,100i,200,200i,300,300i,400,400i,700,700i&amp;subset=latin-ext">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zM.eot); }
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 100; src: local('IBM Plex Serif Thin Italic'), local('IBMPlexSerif-ThinItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjjH7K.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 200; src: local('IBM Plex Serif ExtraLight Italic'), local('IBMPlexSerif-ExtraLightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1npiw.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 300; src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 400; src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 700; src: local('IBM Plex Serif Bold Italic'), local('IBMPlexSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1npiw.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 100; src: local('IBM Plex Serif Thin'), local('IBMPlexSerif-Thin'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTi186zUTiA.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 200; src: local('IBM Plex Serif ExtraLight'), local('IBMPlexSerif-ExtraLight'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI0q10.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 300; src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: local('IBM Plex Serif'), local('IBMPlexSerif'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 700; src: local('IBM Plex Serif Bold'), local('IBMPlexSerif-Bold'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI0q10.woff) format('woff');}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 100; src: local('IBM Plex Serif Thin Italic'), local('IBMPlexSerif-ThinItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizHREVNn1dOx-zrZ2X3pZvkTiUa41Yjgn7MsNo.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 100; src: local('IBM Plex Serif Thin Italic'), local('IBMPlexSerif-ThinItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjjH7M.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 200; src: local('IBM Plex Serif ExtraLight Italic'), local('IBMPlexSerif-ExtraLightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1fpjeOg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 200; src: local('IBM Plex Serif ExtraLight Italic'), local('IBMPlexSerif-ExtraLightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1npjQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 300; src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjeOg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 300; src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 400; src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjmbI.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 400; src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 700; src: local('IBM Plex Serif Bold Italic'), local('IBMPlexSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1fpjeOg.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: italic; font-weight: 700; src: local('IBM Plex Serif Bold Italic'), local('IBMPlexSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1npjQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 100; src: local('IBM Plex Serif Thin'), local('IBMPlexSerif-Thin'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTi186zsTjmbI.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 100; src: local('IBM Plex Serif Thin'), local('IBMPlexSerif-Thin'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizBREVNn1dOx-zrZ2X3pZvkTi186zUTjg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 200; src: local('IBM Plex Serif ExtraLight'), local('IBMPlexSerif-ExtraLight'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI6q1vxiQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 200; src: local('IBM Plex Serif ExtraLight'), local('IBMPlexSerif-ExtraLight'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI0q1s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 300; src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vxiQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 300; src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: local('IBM Plex Serif'), local('IBMPlexSerif'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcLig.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 400; src: local('IBM Plex Serif'), local('IBMPlexSerif'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face { font-family: 'IBM Plex Serif'; font-style: normal; font-weight: 700; src: local('IBM Plex Serif Bold'), local('IBMPlexSerif-Bold'), url(https://fonts.gstatic.com/s/ibmplexserif/v4/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI0q1s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
div,p,b,i {font-size:1em; font-family: "IBM Plex Serif", serif;line-height:1.2em}
div {width:500px;background-color:cyan}
i {display:table-row;font-style: normal;text-decoration:none;background-color:yellow;padding:0em 0.25em;}
i>b {display:table-cell;background-color:silver;padding:0em 0.25em}
p {width:auto;background-color:lime;margin:0em 2em}
sup, sub {font-size:60%}
sup_old {vertical-align:0.72em;line-height:90%}
sup {vertical-align:0.55em;line-height:90%}
sub {vertical-align:-0.15em}
.zps>sup {margin-right:-0.15em}
.zps>sub {margin-left:-0.15em}
u {text-decoration:initial;}
u>i {display:inline;padding:0;letter-spacing:-0.05em}
.zw {display:inline-block;font-size:1.2em}
.zpt {display:inline-block;font-family:"Arial Unicode MS";}
.rbar {display:inline-block;font-size:0.815em;vertical-align:baseline;border-top:0.05em solid black;margin-left:-0.1em;padding:0.1em 0 0 2.5px;line-height:1em}
.rbar>sup {verti cal-align:0.45em;}
u>b {font-weight:normal;font-size:88%;display:inline-block;hei ght:100%;line-height:1em;margin:0 0.08em;border-top:0.5px solid black;vertical-align:baseline;padding-top:0.1em}
.zpu {display:inline-block;vertical-align:-0.1em;font-size:0.9em;width:0.4em;overflow:hidden;line-height:1.1em;font-family:"Arial Unicode MS";}
q {display:inline-block;padding:0, 0.0em;}
q:before, q:after {content:''}
.zr1 {display:table-cell;border-bottom:0.01em solid black;padding:0.5px 1px;}
.zr2 {display:table-cell;border-top:0em solid black;padding:0.5px 1px;}
.z000, .z0100, .z0200, .z0300 {display:inline-table;padding:0px 2px;heig ht:100%;vertical-align:50%;text-align:center}
.z0100 {hei ght:4.8em;vertical-align:100%}
.z0200 {hei ght:3.5em;vertical-align:150%}
.z0300 {hei ght:3.5em;vertical-align:middle}
.z000 .z000, .z0100 .z000, .z0200 .z000 {font-size:0.85em}
.z001 {display:inline-block;padding:0px 4px 0px 2px;height:100%;vertical-align:-70%;text-align:center}
.z002 {display:inline-block;padding:0px 4px 0px 2px;height:100%;vertical-align:-80%;text-align:center}
.zx0 {display:block;line-height:1.2em;font-size:1em}
.zx1 {display:block;line-height:1.4em;font-size:0.6em}
.zx2 {display:block;line-height:0.7em;font-size:2em;font-weight:lighter;}
.zx22 {display:inline-block;line-height:1em;font-size:2.2em;font-weight:300;vertical-align:middle;}
.zx23 {display:inline-block;line-height:1em;font-size:2.2em;font-weight:300;vertical-align:-15%;}
.zx24 {display:inline-block;line-height:1em;font-size:4em;font-weight:200;vertical-align:-10%;}
.zx25 {display:inline-block;line-height:1em;font-size:5.5em;font-weight:200;vertical-align:-25%;}
.zx251 {display:inline-block;line-height:1em;font-size:5.5em;font-weight:200;vertical-align:-12%;}
.zx26 {display:inline-block;line-height:1em;font-size:8em;font-weight:100;vertical-align:-30%;}
</style>
<title>Sample Page</title>
    </head>
    <body>
<div><p>
<i><b>Row Form Function1:</b>x=Σ
<q class="zx22">Σ</q>
<q>h(f)</q>
=<span class="z000"><i><u class="zr1">Fht</u></i><u class="zr2">Fight</u></span>; 
</i>
<i><b>Row Form Function2:</b>
x=<span>
{<q class="zx23">{</q>
<span class="z000"><i><u class="zr2">Fht</u></i><u class="zr2">Fight</u></span>; 
</span>
x=<span>
<q class="zx23">(</q>
<span class="z000"><i><u class="zr2">Fht</u></i><u class="zr2">Fight</u></span>
<q class="zx23">)'</q>
</span>
</i>
<i><b>Row Form Function3:</b>x=
<q class="zx24">{</q>
<span class="z0100"><i><u class="zr1">
<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
F<sup>i</sup>g<sub>g</sub>
</u></span>
=<span class="z002">
<u class="zx1">f<sup>1f</sup>∊g</u>
<u class="zx2">Σ</u><u class="zx1">f<sup>1f</sup>∊g</u>
</span>
<span class="z000"><i><u class="zr1">Fht</u></i><u class="zr2">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></span>; 
</i>
<i><b>Row Form Function4:</b>x=
<q class="zx24">[</q>
<span class="z0100"><i><u class="zr1">
<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
F<sup>i</sup>g<sub>g</sub>
</u></span>
<q class="zx24">]'</q>
=<q class="zx25">{</q>
<span class="z0100"><i><u class="zr1">
<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
F<sup>i</sup>g<sub>g</sub>
</u></span>
</i>
<i><b>Row Form Function5:</b>x=
<q class="zx25">[</q>
<span class="z0100"><i><u class="zr1">
<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
F<sup>i</sup>g<sub>g</sub>
</u></span>
<q class="zx25">]'</q>
=<q class="zx25">{</q>
<span class="z0100"><i><u class="zr1">
<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
<span class="z000"><i><u class="zr1">Fht</u></i><u class="zr2">Fight</u></span>
</u></span>
</i>
<i><b>Row Form Function6:</b>x=
<q class="zx251">{</q>
<span class="z0200"><i><u class="zr1">
<span class="z000"><i><u class="zr1"><span class="z000"><i><u class="zr1">F<sup>i</sup>g<sub>g</sub></u></i><u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span></u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
F<sup>i</sup>g<sub>g</sub>
</u></span>
=<span class="z000"><i><u class="zr1">Fht</u></i><u class="zr2">Fight</u></span>; 
</i>
<i><b>Row Form Function7:</b>x=
<q class="zx26">{</q>
<span class="z0200"><i><u class="zr1">
<span class="z000"><i><u class="zr1"><span class="z000"><i><u class="zr1">F<sup>i</sup>g<sub>g</sub></u></i><u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span></u></i>
<u class="zr2">F<sup>i</sup>g<sub>g</sub></u></span>
</u></i>
<u class="zr2">
8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8
</u></span>
=<span class="z000"><i><u class="zr1">8<span class="zps"><sup>8</sup>/<sub>9</sub></span>+8</u></i><u class="zr2">Fight</u></span>; 
</i>
</p></div>
    </body>
</html>
HTML Web Page Embedded Output:

not support
Previous Month  MAR  2019  Next Month
SMTWTFS
12
3456789
10111213141516
17181920212223
24252627282930
31

Previous Month  OCT  2017  Next Month
SMTWTFS
1234567
891011121314
15161718192021
22232425262728
293031

Sideway BICK Blog

24/03

Copyright © 2000-2020 Sideway . All rights reserved Disclaimerslast modified on 26 January 2013