Create Webpage layout.svg

TheoTechnicguy · TheoTechnicguy · commit 9104cb87939a · 2020-11-14T10:09:30.000+01:00
Background Version 0.1.1
Quick static background image.
diff --git a/src/static/img/SVG/Webpage layout.svg b/src/static/img/SVG/Webpage layout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><defs><style>.cls-1{fill:#616160;}.cls-2{fill:#76b72a;opacity:0.85;}.cls-3{font-size:23.72px;font-family:MSReferenceSansSerif, MS Reference Sans Serif;}.cls-3,.cls-5{fill:#f5f5f5;}.cls-4{font-size:17.79px;}.cls-5{font-size:7.91px;font-family:CourierNewPSMT, Courier New;}.cls-6{fill:none;}.cls-6,.cls-7{stroke:#1d1d1b;stroke-miterlimit:10;}.cls-7{fill:#3c3c3b;}</style></defs><g id="Computer_Screens" data-name="Computer Screens"><rect class="cls-1" x="288.3" y="491.09" width="150" height="96.29"/><rect class="cls-2" x="288.3" y="491.09" width="150" height="24.71"/><text class="cls-3" transform="translate(290.52 513.84) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(290.08 527.5) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="288.3" y="491.09" width="150" height="96.02"/><path class="cls-7" d="M371.77,587.1v17c0,2.94-3.79,5.32-8.47,5.32s-8.5-2.38-8.5-5.32v-17Z"/><path class="cls-7" d="M388.76,600.53l-4.17,19.83H342l-4.16-19.83h17v3.55c0,2.94,3.81,5.32,8.5,5.32s8.47-2.38,8.47-5.32v-3.55Z"/><rect class="cls-1" x="885.11" y="943.89" width="150" height="96.29"/><rect class="cls-2" x="885.11" y="943.89" width="150" height="24.71"/><text class="cls-3" transform="translate(887.34 966.64) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(886.89 980.29) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="885.11" y="943.89" width="150" height="96.02"/><path class="cls-7" d="M968.59,1039.9v17c0,2.93-3.79,5.31-8.48,5.31s-8.49-2.38-8.49-5.31v-17Z"/><path class="cls-7" d="M985.57,1053.32l-4.17,19.84H938.82l-4.17-19.84h17v3.56c0,2.93,3.8,5.31,8.49,5.31s8.48-2.38,8.48-5.31v-3.56Z"/><rect class="cls-1" x="1190.23" y="117.63" width="150" height="96.29"/><rect class="cls-2" x="1190.23" y="117.63" width="150" height="24.71"/><text class="cls-3" transform="translate(1192.45 140.38) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(1192.01 154.03) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="1190.23" y="117.63" width="150" height="96.02"/><path class="cls-7" d="M1273.7,213.63v17c0,2.93-3.78,5.31-8.47,5.31s-8.49-2.38-8.49-5.31v-17Z"/><path class="cls-7" d="M1290.69,227.06l-4.17,19.84h-42.59l-4.16-19.84h17v3.56c0,2.93,3.8,5.31,8.49,5.31s8.47-2.38,8.47-5.31v-3.56Z"/><rect class="cls-1" x="1403.82" y="250.66" width="150" height="96.29"/><rect class="cls-2" x="1403.82" y="250.66" width="150" height="24.71"/><text class="cls-3" transform="translate(1406.04 273.41) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(1405.59 287.06) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="1403.81" y="250.66" width="150" height="96.02"/><path class="cls-7" d="M1487.29,346.67v17c0,2.93-3.79,5.31-8.48,5.31s-8.49-2.38-8.49-5.31v-17Z"/><path class="cls-7" d="M1504.27,360.09l-4.17,19.84h-42.58l-4.17-19.84h17v3.56c0,2.93,3.8,5.31,8.49,5.31s8.48-2.38,8.48-5.31v-3.56Z"/><rect class="cls-1" x="1480.71" y="491.09" width="150" height="96.29"/><rect class="cls-2" x="1480.71" y="491.09" width="150" height="24.71"/><text class="cls-3" transform="translate(1482.93 513.84) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(1482.48 527.5) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.45">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="1480.7" y="491.09" width="150" height="96.02"/><path class="cls-7" d="M1564.18,587.1v17c0,2.94-3.79,5.32-8.48,5.32s-8.49-2.38-8.49-5.32v-17Z"/><path class="cls-7" d="M1581.16,600.53,1577,620.36h-42.58l-4.17-19.83h17v3.55c0,2.94,3.8,5.32,8.49,5.32s8.48-2.38,8.48-5.32v-3.55Z"/><rect class="cls-1" x="1403.82" y="731.53" width="150" height="96.29"/><rect class="cls-2" x="1403.82" y="731.53" width="150" height="24.71"/><text class="cls-3" transform="translate(1406.04 754.28) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(1405.59 767.93) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="1403.81" y="731.53" width="150" height="96.02"/><path class="cls-7" d="M1487.29,827.53v17c0,2.94-3.79,5.32-8.48,5.32s-8.49-2.38-8.49-5.32v-17Z"/><path class="cls-7" d="M1504.27,841l-4.17,19.84h-42.58L1453.35,841h17v3.55c0,2.94,3.8,5.32,8.49,5.32s8.48-2.38,8.48-5.32V841Z"/><rect class="cls-1" x="1190.23" y="895.07" width="150" height="96.29"/><rect class="cls-2" x="1190.23" y="895.07" width="150" height="24.71"/><text class="cls-3" transform="translate(1192.45 917.82) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(1192.01 931.47) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="1190.23" y="895.07" width="150" height="96.02"/><path class="cls-7" d="M1273.7,991.08v17c0,2.93-3.78,5.31-8.47,5.31s-8.49-2.38-8.49-5.31v-17Z"/><path class="cls-7" d="M1290.69,1004.51l-4.17,19.83h-42.59l-4.16-19.83h17v3.55c0,2.93,3.8,5.31,8.49,5.31s8.47-2.38,8.47-5.31v-3.55Z"/><rect class="cls-1" x="579.99" y="896.29" width="150" height="96.29"/><rect class="cls-2" x="579.99" y="896.29" width="150" height="24.71"/><text class="cls-3" transform="translate(582.22 919.04) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(581.77 932.7) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="579.99" y="896.29" width="150" height="96.02"/><path class="cls-7" d="M663.47,992.3v17c0,2.94-3.79,5.32-8.48,5.32s-8.49-2.38-8.49-5.32v-17Z"/><path class="cls-7" d="M680.45,1005.73l-4.17,19.83H633.7l-4.17-19.83h17v3.55c0,2.94,3.8,5.32,8.49,5.32s8.48-2.38,8.48-5.32v-3.55Z"/><rect class="cls-1" x="365.19" y="731.53" width="150" height="96.29"/><rect class="cls-2" x="365.19" y="731.53" width="150" height="24.71"/><text class="cls-3" transform="translate(367.41 754.28) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(366.97 767.93) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="365.19" y="731.53" width="150" height="96.02"/><path class="cls-7" d="M448.66,827.53v17c0,2.94-3.79,5.32-8.48,5.32s-8.49-2.38-8.49-5.32v-17Z"/><path class="cls-7" d="M465.64,841l-4.16,19.84H418.89L414.73,841h17v3.55c0,2.94,3.81,5.32,8.49,5.32s8.48-2.38,8.48-5.32V841Z"/><rect class="cls-1" x="365.6" y="251.27" width="150" height="96.29"/><rect class="cls-2" x="365.6" y="251.27" width="150" height="24.71"/><text class="cls-3" transform="translate(367.82 274.02) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(367.38 287.67) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="365.59" y="251.27" width="150" height="96.02"/><path class="cls-7" d="M449.07,347.28v17c0,2.93-3.79,5.31-8.48,5.31s-8.49-2.38-8.49-5.31v-17Z"/><path class="cls-7" d="M466.05,360.7l-4.17,19.84H419.3l-4.17-19.84h17v3.56c0,2.93,3.8,5.31,8.49,5.31s8.48-2.38,8.48-5.31V360.7Z"/><rect class="cls-1" x="580.4" y="117.02" width="150" height="96.29"/><rect class="cls-2" x="580.4" y="117.02" width="150" height="24.71"/><text class="cls-3" transform="translate(582.62 139.77) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(582.18 153.42) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="580.4" y="117.02" width="150" height="96.02"/><path class="cls-7" d="M663.87,213v17c0,2.94-3.79,5.32-8.47,5.32s-8.5-2.38-8.5-5.32V213Z"/><path class="cls-7" d="M680.86,226.45l-4.17,19.84H634.1l-4.16-19.84h17V230c0,2.94,3.81,5.32,8.5,5.32s8.47-2.38,8.47-5.32v-3.55Z"/><rect class="cls-1" x="885.25" y="33.48" width="150" height="96.29"/><rect class="cls-2" x="885.25" y="33.48" width="150" height="24.71"/><text class="cls-3" transform="translate(887.47 56.23) scale(1.01 1)">C<tspan class="cls-4" x="16.56" y="0">ODE</tspan><tspan x="55.53" y="0">W</tspan><tspan class="cls-4" x="78.98" y="0">E</tspan></text><text class="cls-5" transform="translate(887.03 69.89) scale(1.01 1)">1<tspan x="0" y="9.49">2</tspan><tspan x="0" y="18.98">3</tspan><tspan x="0" y="28.47">4</tspan><tspan x="0" y="37.96">5</tspan><tspan x="0" y="47.44">6</tspan><tspan x="0" y="56.93">7</tspan></text><rect class="cls-6" x="885.25" y="33.48" width="150" height="96.02"/><path class="cls-7" d="M968.72,129.49v17c0,2.94-3.79,5.32-8.48,5.32s-8.49-2.38-8.49-5.32v-17Z"/><path class="cls-7" d="M985.7,142.92l-4.17,19.83H939l-4.17-19.83h17v3.55c0,2.94,3.8,5.32,8.49,5.32s8.48-2.38,8.48-5.32v-3.55Z"/></g></svg>
