replaced background and added Material Kit PRO section

This commit is contained in:
FezVrasta 2016-08-01 12:39:39 +02:00
parent f9a2b7ab44
commit f8a840a19a
4 changed files with 20 additions and 430 deletions

BIN
docs/assets/img/bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 MiB

View File

@ -1,427 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1600 1200" style="enable-background:new 0 0 1600 1200;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;fill:#FFD54F;}
.st2{display:inline;fill:#FFCA28;}
.st3{display:inline;fill:#FFB300;}
.st4{display:inline;fill:#FFA000;}
.st5{display:inline;fill:#DCE775;}
.st6{display:inline;fill:#D4E157;}
.st7{display:inline;fill:#C0CA33;}
.st8{display:inline;fill:#AFB42B;}
.st9{display:inline;}
.st10{fill:url(#SVGID_1_);}
.st11{fill:url(#SVGID_2_);}
.st12{fill:url(#SVGID_3_);}
.st13{fill:url(#SVGID_4_);}
.st14{fill:url(#SVGID_5_);}
.st15{fill:url(#SVGID_6_);}
.st16{fill:url(#SVGID_7_);}
.st17{fill:url(#SVGID_8_);}
.st18{fill:#72008E;}
.st19{fill:#6800A5;}
.st20{fill:#7D00BF;}
.st21{fill:#9B27D8;}
.st22{fill:#BC4FE0;}
.st23{fill:#5000FF;}
.st24{fill:#952CF2;}
.st25{fill:url(#SVGID_9_);}
.st26{fill:url(#SVGID_10_);}
.st27{fill:url(#SVGID_11_);}
.st28{fill:url(#SVGID_12_);}
.st29{fill:url(#SVGID_13_);}
.st30{display:inline;fill:#9CCC65;}
.st31{display:inline;fill:#81C784;}
.st32{display:inline;fill:#80CBC4;}
.st33{display:inline;fill:#B2EBF2;}
.st34{display:inline;fill:#B3E5FC;}
.st35{display:inline;fill:#BBDEFB;}
.st36{display:inline;fill:#FBC02D;}
.st37{display:inline;fill:#F57C00;}
.st38{display:inline;fill:#E64A19;}
.st39{display:inline;fill:#D32F2F;}
.st40{display:inline;fill:#C2185B;}
.st41{display:inline;fill:#7B1FA2;}
.st42{display:inline;fill:#FDD835;}
.st43{opacity:0.11;fill:#33691E;}
.st44{display:inline;fill:#F4511E;}
.st45{display:inline;fill:url(#SVGID_14_);}
.st46{display:inline;fill:#FB8C00;}
.st47{display:inline;fill:url(#SVGID_15_);}
.st48{display:inline;fill:url(#SVGID_16_);}
.st49{display:inline;fill:url(#SVGID_17_);}
.st50{display:inline;fill:url(#SVGID_18_);}
.st51{display:inline;fill:#7CB342;}
.st52{display:inline;fill:url(#SVGID_19_);}
.st53{display:inline;fill:#43A047;}
.st54{display:inline;fill:url(#SVGID_20_);}
.st55{display:inline;fill:#00897B;}
.st56{display:inline;fill:url(#SVGID_21_);}
.st57{display:inline;fill:#00ACC1;}
.st58{display:inline;fill:#90CAF9;}
.st59{fill:#0288D1;}
.st60{fill:#1976D2;}
.st61{fill:#1565C0;}
.st62{display:inline;fill:url(#SVGID_22_);}
.st63{display:inline;fill:url(#SVGID_23_);}
.st64{display:inline;fill:url(#SVGID_24_);}
.st65{fill:#039BE5;}
.st66{fill:#1E88E5;}
.st67{display:inline;fill:url(#SVGID_25_);}
.st68{display:inline;fill:url(#SVGID_26_);}
.st69{display:inline;fill:url(#SVGID_27_);}
.st70{fill:#F57C00;}
.st71{fill:#42A5F5;}
.st72{display:inline;fill:url(#SVGID_28_);}
.st73{display:inline;fill:url(#SVGID_29_);}
.st74{display:inline;fill:url(#SVGID_30_);}
.st75{fill:#4FC3F7;}
.st76{fill:#64B5F6;}
.st77{display:inline;fill:url(#SVGID_31_);}
.st78{display:inline;fill:url(#SVGID_32_);}
.st79{display:inline;fill:url(#SVGID_33_);}
.st80{display:inline;fill:#FFCC80;}
.st81{display:inline;opacity:0.15;fill:url(#SVGID_34_);}
.st82{display:inline;fill:#FFB74D;}
.st83{display:inline;opacity:0.15;fill:url(#SVGID_35_);}
.st84{display:inline;fill:#FFA726;}
.st85{display:inline;opacity:0.15;fill:url(#SVGID_36_);}
.st86{display:inline;opacity:0.15;fill:url(#SVGID_37_);}
.st87{display:inline;opacity:0.15;fill:url(#SVGID_38_);}
.st88{display:inline;fill:#29B6F6;}
</style>
<g class="st0">
<polygon class="st1" points="0,0 1600,1200 0,429.8 "/>
<polygon class="st2" points="0,429.8 1600,1200 0,755.8 "/>
<polygon class="st3" points="0,755.8 1600,1200 0,1081.9 "/>
<polygon class="st4" points="0,1081.9 1600,1200 0,1200 "/>
<polygon class="st5" points="0,0 1600,1200 502.8,0 "/>
<polygon class="st6" points="502.8,0 1600,1200 889.8,0 "/>
<polygon class="st7" points="1600,1200 1276.9,0 889.8,0 "/>
<polygon class="st8" points="1600,1200 1600,0 1276.9,0 "/>
<g id="shadows" class="st9">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="865.0985" y1="407.2437" x2="794.6552" y2="1201.182">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#000000;stop-opacity:0"/>
</linearGradient>
<polygon class="st10" points="0,1081.9 1600,1200 0,1200 "/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1536.4349" y1="-2861.2546" x2="777.0995" y2="1097.3016">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#000000;stop-opacity:0"/>
</linearGradient>
<polygon class="st11" points="0,755.8 1600,1200 0,1081.9 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1530.0718" y1="-874.6551" x2="748.96" y2="933.0099">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#000000;stop-opacity:0"/>
</linearGradient>
<polygon class="st12" points="0,429.8 1600,1200 0,755.8 "/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="1553.175" y1="-498.8877" x2="747.5408" y2="676.5383">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#000000;stop-opacity:0"/>
</linearGradient>
<polygon class="st13" points="0,0 1600,1200 0,429.8 "/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="1490.4556" y1="-73.0547" x2="868.8695" y2="532.8661">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</linearGradient>
<polygon class="st14" points="502.8,0 1600,1200 0,0 "/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="1552.3981" y1="285.0663" x2="1130.5908" y2="550.2169">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</linearGradient>
<polygon class="st15" points="889.8,0 1600,1200 502.8,0 "/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="2348.3899" y1="271.1619" x2="1331.1266" y2="574.3085">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</linearGradient>
<polygon class="st16" points="1276.9,0 1600,1200 889.8,0 "/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="2510.7444" y1="590.7254" x2="1530.0394" y2="599.2077">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</linearGradient>
<polygon class="st17" points="1600,0 1600,1200 1276.9,0 "/>
</g>
</g>
<g>
<polygon class="st18" points="448.1,430.9 0,448.8 0,1200 500.5,1200 "/>
<polygon class="st19" points="0,1172.5 302.5,1200 623.7,1200 686.4,259.3 0,197 "/>
<polygon class="st20" points="0,3 0,999.2 633.6,1200 730.7,1200 1032.4,184.2 448.5,-0.8 1.1,-0.8 "/>
<polygon class="st21" points="0,415.2 0,753.1 695.6,1200 860.5,1200 1455.6,249 1066.8,-0.8 260.3,-0.8 "/>
<polygon class="st22" points="1600,750.5 1600,97.2 1507.9,-0.8 569.8,-0.8 96.6,449.2 802.4,1200 1127.2,1200 "/>
<polygon class="st23" points="1600,-0.8 1041,0 418.1,355 860.5,1200 1600,1200 "/>
<polygon class="st24" points="1600,-0.8 1077.2,-0.8 482,378.5 1005.4,1200 1600,1200 "/>
<g id="shadows_1_">
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-1040.2782" y1="-966.9623" x2="694.3314" y2="1152.5903">
<stop offset="0" style="stop-color:#424242"/>
<stop offset="1" style="stop-color:#424242;stop-opacity:0"/>
</linearGradient>
<polygon class="st25" points="125.2,479.6 96.6,506.8 748.2,1200 802.4,1200 "/>
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="-725.7466" y1="-872.0423" x2="864.9995" y2="1071.7208">
<stop offset="0" style="stop-color:#424242"/>
<stop offset="1" style="stop-color:#424242;stop-opacity:0"/>
</linearGradient>
<polygon class="st26" points="433.6,384.6 417.1,394 839,1200 860.5,1200 "/>
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="-654.0291" y1="-894.7119" x2="975.7027" y2="1096.6886">
<stop offset="0" style="stop-color:#424242"/>
<stop offset="1" style="stop-color:#424242;stop-opacity:0"/>
</linearGradient>
<polygon class="st27" points="505.7,415.7 482,430.9 973,1200 1005.4,1200 "/>
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="-852.604" y1="-462.8895" x2="530.3576" y2="1226.9777">
<stop offset="0" style="stop-color:#424242"/>
<stop offset="1" style="stop-color:#424242;stop-opacity:0"/>
</linearGradient>
<polygon class="st28" points="0,753.1 695.6,1200 633.6,1200 0,807.9 "/>
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="-537.3115" y1="84.2958" x2="441.6021" y2="1280.449">
<stop offset="0" style="stop-color:#424242"/>
<stop offset="1" style="stop-color:#424242;stop-opacity:0"/>
</linearGradient>
<path class="st29" d="M535.8,1200C500.5,1200,0,1055.9,0,1055.9v-56.7L633.6,1200H535.8z"/>
</g>
</g>
<g class="st0">
<rect y="150" class="st7" width="1600" height="150"/>
<rect y="300" class="st30" width="1600" height="150"/>
<rect y="450" class="st31" width="1600" height="150"/>
<rect y="600" class="st32" width="1600" height="150"/>
<rect y="750" class="st33" width="1600" height="150"/>
<rect y="900" class="st34" width="1600" height="150"/>
<rect y="1050" class="st35" width="1600" height="150"/>
<rect x="850" y="600" transform="matrix(6.841976e-11 1 -1 6.841976e-11 2050 -700)" class="st36" width="1050" height="150"/>
<rect x="775" y="675" transform="matrix(7.982308e-11 1 -1 7.982308e-11 1975 -475)" class="st4" width="900" height="150"/>
<rect x="700" y="750" transform="matrix(9.578276e-11 1 -1 9.578276e-11 1900 -250)" class="st37" width="750" height="150"/>
<rect x="625" y="825" transform="matrix(1.197254e-10 1 -1 1.197254e-10 1825 -25)" class="st38" width="600" height="150"/>
<rect x="550" y="900" transform="matrix(1.596339e-10 1 -1 1.596339e-10 1750 200)" class="st39" width="450" height="150"/>
<rect x="475" y="975" transform="matrix(2.394518e-10 1 -1 2.394518e-10 1675 425)" class="st40" width="300" height="150"/>
<rect x="400" y="1050" transform="matrix(4.789039e-10 1 -1 4.789039e-10 1600 650)" class="st41" width="150" height="150"/>
<rect class="st6" width="1600" height="150"/>
<rect x="925" y="525" transform="matrix(5.986749e-11 1 -1 5.986749e-11 2125 -925)" class="st42" width="1200" height="150"/>
<g id="shadows_2_" class="st9">
<polygon class="st43" points="1436.5,0 1436.5,150 0,150 0,199 1286.5,200 1286.5,173 1411,173 1411,1200 1450,1200 1450,0 "/>
<polygon class="st43" points="1286.5,173 1286.5,300 0,300 0,349 1136.5,350 1136.5,323 1261,323 1261,1200 1300,1200 1300,173
"/>
<polygon class="st43" points="1136.5,323 1136.5,450 0,450 0,499 986.5,500 986.5,473 1111,473 1111,1200 1150,1200 1150,323
"/>
<polygon class="st43" points="986.5,473 986.5,600 0,600 0,649 836.5,650 836.5,623 961,623 961,1200 1000,1200 1000,473 "/>
<polygon class="st43" points="836.5,623 836.5,750 0,750 0,799 686.5,800 686.5,773 811,773 811,1200 850,1200 850,623 "/>
<polygon class="st43" points="686.5,773 686.5,900 0,900 0,949 536.5,950 536.5,923 661,923 661,1200 700,1200 700,773 "/>
<polygon class="st43" points="536.5,923 536.5,1050 0,1050 0,1099 386.5,1100 386.5,1073 511,1073 511,1200 550,1200 550,923
"/>
<rect x="386.5" y="1073" class="st43" width="13.5" height="127"/>
</g>
</g>
<g class="st0">
<rect class="st44" width="1600" height="1200"/>
<radialGradient id="SVGID_14_" cx="800" cy="600" r="949.0048" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st45" d="M79,0C50.1,34.7,23.7,71.4,0,110V1090c23.7,38.6,50.1,75.4,79,110h1442c28.9-34.7,55.3-71.4,79-110V110
c-23.7-38.6-50.1-75.4-79-110H79z"/>
<path class="st46" d="M159,0C93.9,69.6,39.9,149.8,0,237.7v724.6c39.9,87.9,93.9,168.1,159,237.7h1282
c65.2-69.6,119.1-149.8,159-237.7V237.7c-39.9-87.9-93.9-168.1-159-237.7H159z"/>
<radialGradient id="SVGID_15_" cx="800" cy="600" r="817.0055" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st47" d="M1600,454.4C1567.7,275.8,1477.1,117.6,1348.6,0H251.4C122.9,117.6,32.3,275.8,0,454.4v291.2
c32.3,178.6,122.9,336.9,251.4,454.4h1097.2c128.5-117.6,219.1-275.8,251.4-454.4V454.4z"/>
<path class="st3" d="M50,600c0,245.3,117.8,463.2,299.9,600h900.1c182.1-136.8,299.9-354.7,299.9-600S1432.2,136.8,1250.1,0H349.9
C167.8,136.8,50,354.7,50,600z"/>
<radialGradient id="SVGID_16_" cx="800" cy="600" r="685.0182" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st48" d="M109,600c0,256.8,140.1,480.9,348,600h686c207.9-119.1,348-343.2,348-600S1350.9,119.1,1143,0H457
C249.1,119.1,109,343.2,109,600z"/>
<path class="st42" d="M166,600c0,278.3,179.3,514.7,428.7,600h410.7c249.4-85.3,428.7-321.7,428.7-600S1254.7,85.3,1005.3,0H594.7
C345.3,85.3,166,321.7,166,600z"/>
<radialGradient id="SVGID_17_" cx="800" cy="600" r="582.0776" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<circle class="st49" cx="800" cy="600" r="582.1"/>
<circle class="st7" cx="800" cy="600" r="524.4"/>
<radialGradient id="SVGID_18_" cx="800" cy="600" r="466.1043" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<circle class="st50" cx="800" cy="600" r="466.1"/>
<circle class="st51" cx="800" cy="600" r="412.1"/>
<radialGradient id="SVGID_19_" cx="800" cy="600" r="348.1038" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<circle class="st52" cx="800" cy="600" r="348.1"/>
<circle class="st53" cx="800" cy="600" r="300.1"/>
<radialGradient id="SVGID_20_" cx="800" cy="600" r="231.4908" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<circle class="st54" cx="800" cy="600" r="231.5"/>
<circle class="st55" cx="800" cy="600" r="198.5"/>
<radialGradient id="SVGID_21_" cx="800" cy="600" r="142.4911" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<circle class="st56" cx="800" cy="600" r="142.5"/>
<circle class="st57" cx="800" cy="600" r="106.5"/>
</g>
<g class="st0">
<circle class="st58" cx="814.4" cy="614.4" r="558.2"/>
<g class="st9">
<path class="st59" d="M913,0h-111C738.1,349.5,432,614.4,64,614.4c-21.6,0-42.9-0.9-64-2.7v84.6v89.8c21.1,1.4,42.5,2.2,64,2.2
C528.3,788.4,912.6,446,978.4,0H913z"/>
<path class="st60" d="M739.1,0h-96.3C581.3,262.7,345.5,458.4,64,458.4c-21.6,0-43-1.2-64-3.4v68.2v88.5c21.1,1.8,42.4,2.7,64,2.7
c368,0,674.1-264.9,738.1-614.4H739.1z"/>
<path class="st61" d="M642.8,0H0v455c21,2.2,42.4,3.4,64,3.4C345.5,458.4,581.3,262.7,642.8,0z"/>
</g>
<radialGradient id="SVGID_22_" cx="61.8042" cy="-141.7066" r="1017.5589" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="0.965" style="stop-color:#263238;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st62" d="M978.4,0C912.6,446,528.3,788.4,64,788.4c-21.5,0-42.8-0.8-64-2.2v104.2c21.2,1.3,42.5,2,64,2
c521.8,0,952.9-388.7,1019.4-892.4H978.4z"/>
<radialGradient id="SVGID_23_" cx="70.0812" cy="-111.0627" r="799.2937" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="0.965" style="stop-color:#263238;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st63" d="M913,0h-111C738.1,349.5,432,614.4,64,614.4c-21.6,0-42.9-0.9-64-2.7v84.6c24,2,48.3,3.1,72.8,3.1
C491.7,699.4,840.2,397.9,913,0z"/>
<radialGradient id="SVGID_24_" cx="74.7255" cy="-125.6961" r="625.9797" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="0.965" style="stop-color:#263238;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st64" d="M739.1,0h-96.3C581.3,262.7,345.5,458.4,64,458.4c-21.6,0-43-1.2-64-3.4v68.2c24.2,2.6,48.7,3.9,73.6,3.9
C397.2,527.1,668.4,302.1,739.1,0z"/>
<g class="st9">
<path class="st65" d="M1233.9,422.9c-210.5,0-381.1-170.6-381.1-381.1c0-14.1,0.8-28.1,2.3-41.8H736.5h-59.4
c-1,13.8-1.5,27.7-1.5,41.8c0,308.3,249.9,558.2,558.2,558.2c140.1,0,268.1-51.6,366.1-136.9V171.4v-23.5
C1554.1,306.7,1407.5,422.9,1233.9,422.9z"/>
<path class="st66" d="M1505.9,0h-69.1c2.8,13.5,4.2,27.5,4.2,41.8c0,114.4-92.7,207.2-207.2,207.2
c-114.4,0-207.2-92.7-207.2-207.2c0-14.3,1.5-28.3,4.2-41.8H930.8H855c-1.5,13.7-2.3,27.7-2.3,41.8
c0,210.5,170.6,381.1,381.1,381.1c173.7,0,320.2-116.2,366.1-275V0H1505.9z"/>
<path class="st60" d="M1233.9,248.9c114.4,0,207.2-92.7,207.2-207.2c0-14.3-1.5-28.3-4.2-41.8h-405.9c-2.8,13.5-4.2,27.5-4.2,41.8
C1026.7,156.2,1119.4,248.9,1233.9,248.9z"/>
</g>
<radialGradient id="SVGID_25_" cx="1232.9094" cy="44.2683" r="650.3253" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="0.965" style="stop-color:#263238;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st67" d="M675.6,41.8c0-14.1,0.5-28,1.5-41.8H576.2c-1.1,15.3-1.7,30.8-1.7,46.3c0,342,277.3,619.3,619.3,619.3
c155.4,0,297.5-57.3,406.2-151.8v-50.7c-98,85.2-226.1,136.9-366.1,136.9C925.6,600,675.6,350.1,675.6,41.8z"/>
<radialGradient id="SVGID_26_" cx="1190.9523" cy="44.5986" r="421.9481" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st68" d="M1233.9,422.9c-210.5,0-381.1-170.6-381.1-381.1c0-14.1,0.8-28.1,2.3-41.8H736.5c-1.7,15.9-2.6,32.1-2.6,48.4
c0,244,197.8,441.7,441.7,441.7c201.3,0,371.1-134.6,424.4-318.8v-23.5C1554.1,306.7,1407.5,422.9,1233.9,422.9z"/>
<radialGradient id="SVGID_27_" cx="1234.6393" cy="32.0951" r="274.4547" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#263238"/>
<stop offset="1" style="stop-color:#263238;stop-opacity:0"/>
</radialGradient>
<path class="st69" d="M1218.4,352.7c162.1,0,293.5-131.4,293.5-293.5c0-20.3-2.1-40.1-6-59.2h-69.1c2.8,13.5,4.2,27.5,4.2,41.8
c0,114.4-92.7,207.2-207.2,207.2c-114.4,0-207.2-92.7-207.2-207.2c0-14.3,1.5-28.3,4.2-41.8H930.8c-3.9,19.1-6,38.9-6,59.2
C924.8,221.3,1056.3,352.7,1218.4,352.7z"/>
<g class="st9">
<path class="st70" d="M1493.8,429.4c-366.9,0-664.4,297.5-664.4,664.4c0,36.1,2.9,71.6,8.5,106.2h33.7h74.2
c-6.6-34.4-10.1-69.9-10.1-106.2c0-308.3,249.9-558.2,558.2-558.2c36.3,0,71.8,3.5,106.2,10.1v-74.2v-33.7
C1565.4,432.3,1530,429.4,1493.8,429.4z"/>
<path class="st71" d="M1493.8,535.6c-308.3,0-558.2,249.9-558.2,558.2c0,36.3,3.5,71.8,10.1,106.2h77.8h108.1
c-9.9-33.7-15.2-69.3-15.2-106.2c0-208.4,168.9-377.3,377.3-377.3c36.9,0,72.5,5.3,106.2,15.2V623.6v-77.8
C1565.6,539.1,1530.1,535.6,1493.8,535.6z"/>
<path class="st66" d="M1116.5,1093.8c0,36.9,5.3,72.5,15.2,106.2H1600V731.7c-33.7-9.9-69.3-15.2-106.2-15.2
C1285.5,716.5,1116.5,885.5,1116.5,1093.8z"/>
</g>
<radialGradient id="SVGID_28_" cx="1500.8348" cy="1089.0273" r="736.266" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st72" d="M1493.8,335.8c-418.7,0-758.1,339.4-758.1,758.1c0,36,2.5,71.5,7.4,106.2h94.7c-5.6-34.6-8.5-70-8.5-106.2
c0-366.9,297.5-664.4,664.4-664.4c36.1,0,71.6,2.9,106.2,8.5v-94.7C1565.3,338.3,1529.9,335.8,1493.8,335.8z"/>
<radialGradient id="SVGID_29_" cx="1492.7177" cy="1092.8799" r="642.3816" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st73" d="M862.6,1093.8c0,36.2,3.1,71.7,8.9,106.2h74.2c-6.6-34.4-10.1-69.9-10.1-106.2
c0-308.3,249.9-558.2,558.2-558.2c36.3,0,71.8,3.5,106.2,10.1v-74.2c-34.5-5.8-70-8.9-106.2-8.9
C1145.2,462.6,862.6,745.2,862.6,1093.8z"/>
<radialGradient id="SVGID_30_" cx="1490.4283" cy="1096.5565" r="458.7278" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st74" d="M1011.8,1093.8c0,36.5,4.1,72,11.7,106.2h108.1c-9.9-33.7-15.2-69.3-15.2-106.2
c0-208.4,168.9-377.3,377.3-377.3c36.9,0,72.5,5.3,106.2,15.2V623.6c-34.2-7.7-69.7-11.7-106.2-11.7
C1227.6,611.8,1011.8,827.6,1011.8,1093.8z"/>
<g class="st9">
<path class="st75" d="M282.1,535.6c-98.3,0-193,15-282.1,42.8v139.5v128.3c86.2-38.3,181.7-59.6,282.1-59.6
c283.7,0,527.7,169.9,635.9,413.4h128.3h139.5C1065.8,815,706.6,535.6,282.1,535.6z"/>
<path class="st71" d="M282.1,1038.5c-107.2,0-205.4,38-282.1,101.3v60.2h624.5C543.1,1101.4,419.9,1038.5,282.1,1038.5z"/>
<path class="st76" d="M282.1,786.6c-100.4,0-195.9,21.3-282.1,59.6v197.2v96.4c76.7-63.3,175-101.3,282.1-101.3
c137.8,0,261,62.9,342.3,161.5h96.4H918C809.8,956.4,565.8,786.6,282.1,786.6z"/>
</g>
<radialGradient id="SVGID_31_" cx="284.2427" cy="1477.8823" r="1047.0233" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st77" d="M282.1,417.1c-97.7,0-192.3,13.2-282.1,37.8v123.5c89.1-27.8,183.9-42.8,282.1-42.8
c424.5,0,783.7,279.4,903.8,664.4h123.5C1185.7,748.7,772.6,417.1,282.1,417.1z"/>
<radialGradient id="SVGID_32_" cx="291.6112" cy="1478.0177" r="787.7095" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st78" d="M282.1,667.7c-99.2,0-194.2,17.7-282.1,50.2v128.3c86.2-38.3,181.7-59.6,282.1-59.6
c283.7,0,527.7,169.9,635.9,413.4h128.3C931.6,889.3,632.7,667.7,282.1,667.7z"/>
<radialGradient id="SVGID_33_" cx="279.9695" cy="1487.4154" r="508.122" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#0D47A1"/>
<stop offset="1" style="stop-color:#0D47A1;stop-opacity:0"/>
</radialGradient>
<path class="st79" d="M282.1,960.5c-103.9,0-200.8,30.4-282.1,82.8v96.4c76.7-63.3,175-101.3,282.1-101.3
c137.8,0,261,62.9,342.3,161.5h96.4C628.1,1055.9,466.2,960.5,282.1,960.5z"/>
</g>
<g class="st0">
<polygon class="st80" points="1404.5,0 0,0 0,1200 1600,1200 1600,23.8 "/>
<linearGradient id="SVGID_34_" gradientUnits="userSpaceOnUse" x1="441.6123" y1="21.0915" x2="1475.2823" y2="1625.7169">
<stop offset="0" style="stop-color:#1A237E"/>
<stop offset="0.965" style="stop-color:#1A237E;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#1A237E;stop-opacity:0"/>
</linearGradient>
<polygon class="st81" points="0,1154.9 481.8,1200 1600,1200 1600,0 0,0 "/>
<polygon class="st82" points="0,1105.7 775.2,1200 1600,1200 1600,0 0,0 "/>
<linearGradient id="SVGID_35_" gradientUnits="userSpaceOnUse" x1="452.3313" y1="-2.153" x2="1430.7284" y2="1516.6689">
<stop offset="0" style="stop-color:#1A237E"/>
<stop offset="0.965" style="stop-color:#1A237E;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#1A237E;stop-opacity:0"/>
</linearGradient>
<polygon class="st83" points="1531.2,1125.1 1584.2,0 0,0 0,1050.5 "/>
<polygon class="st84" points="1478.2,1050.5 1531.2,0 0,0 0,976 "/>
<linearGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" x1="462.2684" y1="6.8818" x2="1319.5026" y2="1337.6156">
<stop offset="0" style="stop-color:#1A237E"/>
<stop offset="0.965" style="stop-color:#1A237E;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#1A237E;stop-opacity:0"/>
</linearGradient>
<polygon class="st85" points="0,1011.1 279.6,988.6 400.3,996.1 1485.8,900.5 1486.8,879.3 1600,870.5 1600,51.3 0,51.3 "/>
<polygon class="st46" points="0,980.2 1600,839.2 1600,0 0,0 "/>
<linearGradient id="SVGID_37_" gradientUnits="userSpaceOnUse" x1="0" y1="439.653" x2="1600" y2="439.653">
<stop offset="0" style="stop-color:#1A237E"/>
<stop offset="0.965" style="stop-color:#1A237E;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#1A237E;stop-opacity:0"/>
</linearGradient>
<polygon class="st86" points="1600,0 0,0 0,153.7 120.7,879.3 1600,625.7 "/>
<polygon class="st37" points="1600,0 17.7,0 164,828.1 1600,574.4 "/>
<linearGradient id="SVGID_38_" gradientUnits="userSpaceOnUse" x1="968.0179" y1="121.3308" x2="1153.9379" y2="409.9449">
<stop offset="0" style="stop-color:#1A237E"/>
<stop offset="0.965" style="stop-color:#1A237E;stop-opacity:3.501076e-02"/>
<stop offset="1" style="stop-color:#1A237E;stop-opacity:0"/>
</linearGradient>
<polygon class="st87" points="1120.6,369.3 889.3,310.6 948,79.3 1179.3,138 "/>
<rect x="905" y="76.9" transform="matrix(0.9693 0.246 -0.246 0.9693 79.7463 -245.9259)" class="st88" width="238.7" height="238.7"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 25 KiB

View File

@ -7,13 +7,13 @@
padding: 3rem ($grid-gutter-width / 2) 2rem;
color: $bd-purple-light;
text-align: center;
background-image: url(../assets/img/bg.svg);
background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url(../assets/img/bg.jpg);
background-size: cover;
.bd-booticon {
margin: 0 auto 2rem;
color: white;
border-color: white;
color: #ffffff;
border-color: #ffffff;
}
h1 {

View File

@ -39,6 +39,23 @@ title: Material Design for Bootstrap, the world's most popular mobile-first and
</div>
</div>
<div class="bd-featurette">
<div class="container">
<h2 class="bd-featurette-title">Material Kit PRO</h2>
<p class="lead">
Get more from Bootstrap Material Design with our official Material Kit PRO. It features a huge number of components built to fit together and look amazing. Included you will find PSD, examples and sources.
</p>
<p class="lead">
<a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385" class="btn btn-primary btn-raised btn-lg">More details</a>
</p>
<a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385">
<img class="img-fluid m-x-auto" src="/assets/img/bs-themes.png" alt="Material Kit PRO" width="1024" height="388">
</a>
</div>
</div>
<div class="bd-featurette">
<div class="container">
<h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>