Added header footer changes again

2 files changed, 423 insertions, 69 deletions

diff --git a/fossee_manim/static/img/info.svg b/fossee_manim/static/img/info.svg
new file mode 100644
index 0000000..af388d4
--- /dev/null
+++ b/fossee_manim/static/img/info.svg
@@ -0,0 +1,337 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="420.94101mm"
+   height="182.83914mm"
+   viewBox="0 0 420.94101 182.83914"
+   version="1.1"
+   id="svg6419"
+   inkscape:version="0.92.4 (unknown)"
+   sodipodi:docname="info.svg">
+  <defs
+     id="defs6413" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="361.19335"
+     inkscape:cy="242.66568"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1042"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata6416">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(108.41693,-30.19948)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot4107"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#e45700;fill-opacity:1;stroke:none"
+       transform="matrix(0.26458333,0,0,0.26458333,-32.728761,-163.14351)"><flowRegion
+         id="flowRegion4109"
+         style="fill:#e45700;fill-opacity:1"><rect
+           id="rect4111"
+           width="520"
+           height="80.000008"
+           x="320"
+           y="740"
+           style="fill:#e45700;fill-opacity:1" /></flowRegion><flowPara
+         id="flowPara4113"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:42.66666794px;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold,  Semi-Bold';fill:#e45700;fill-opacity:1">HOW THIS WORKS</flowPara></flowRoot>    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="-88.870346"
+       y="184.46973"
+       id="text4254"><tspan
+         sodipodi:role="line"
+         id="tspan4252"
+         x="-88.870346"
+         y="184.46973"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';fill:#666666;fill-opacity:1;stroke-width:0.26458332">Create Account</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="2.9622157"
+       y="75.045181"
+       id="text4254-8"><tspan
+         sodipodi:role="line"
+         id="tspan4252-2"
+         x="2.9622166"
+         y="75.045181"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332">Submit Proposal</tspan><tspan
+         sodipodi:role="line"
+         x="2.9622161"
+         y="82.65451"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+         id="tspan4292">Stage 1 <tspan
+   style="font-size:7.76111126px;fill:#ff0000;fill-opacity:1;stroke-width:0.26458332"
+   id="tspan1549">*</tspan></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="69.092598"
+       y="184.58263"
+       id="text4254-8-7"><tspan
+         sodipodi:role="line"
+         id="tspan4252-2-8"
+         x="69.092598"
+         y="184.58263"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332">Submit Proposal</tspan><tspan
+         sodipodi:role="line"
+         x="69.092598"
+         y="192.19196"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+         id="tspan4292-8">Stage 2 <tspan
+   style="font-size:7.76111126px;fill:#ff0000;fill-opacity:1;stroke-width:0.26458332"
+   id="tspan1551">*</tspan></tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:7.05551338px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458174"
+       x="133.99611"
+       y="76.022163"
+       id="text4254-8-7-3"
+       transform="scale(0.9999941,1.0000059)"><tspan
+         sodipodi:role="line"
+         x="134.91251"
+         y="76.022163"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05551338px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458174"
+         id="tspan4292-8-3">Create </tspan><tspan
+         sodipodi:role="line"
+         x="133.99611"
+         y="83.077675"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05551338px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458174"
+         id="tspan4667">Animation</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="178.55901"
+       y="184.58263"
+       id="text4254-8-7-3-5"><tspan
+         sodipodi:role="line"
+         x="178.55901"
+         y="184.58263"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+         id="tspan4292-8-3-6">Upload Video</tspan></text>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:7.05555534px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#666666;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       x="267.45627"
+       y="76.114334"
+       id="text4254-8-7-3-5-9"><tspan
+         sodipodi:role="line"
+         x="268.37265"
+         y="76.114334"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+         id="tspan4292-8-3-6-1">Get Certificate </tspan><tspan
+         sodipodi:role="line"
+         x="267.45627"
+         y="83.169891"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.05555534px;line-height:1;font-family:'Raleway SemiBold';-inkscape-font-specification:'Raleway SemiBold, ';text-align:center;text-anchor:middle;fill:#666666;fill-opacity:1;stroke-width:0.26458332"
+         id="tspan4620">&amp; Honorarium</tspan></text>
+    <path
+       d="m -25.279841,130.12754 c 0,13.50323 -7.20507,25.9736 -18.89438,32.72507 -11.68933,6.75162 -26.099473,6.75162 -37.788799,0 -11.689336,-6.75147 -18.89439,-19.22184 -18.89439,-32.72507 h 9.447197 c 0,10.1275 5.403794,19.48013 14.170789,24.5438 8.766983,5.06368 19.574593,5.06368 28.341573,0 8.76704,-5.06367 14.17082,-14.4163 14.17082,-24.5438 z"
+       pointer-events="none"
+       id="path3271"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#a0e6ee;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <path
+       d="m -34.727031,130.12754 c 0,-20.87198 16.91678,-37.788748 37.78879,-37.788748 20.872,0 37.78878,16.916768 37.78878,37.788748 h -9.44719 c 0,-15.65083 -12.69073,-28.34153 -28.34159,-28.34153 -15.65086,0 -28.3416,12.6907 -28.3416,28.34153 z"
+       pointer-events="none"
+       id="path3273"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#1facb3;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <path
+       d="m 106.98093,130.12754 c 0,13.50323 -7.205061,25.9736 -18.894401,32.72507 -11.68934,6.75162 -26.09946,6.75162 -37.78878,0 -11.68935,-6.75147 -18.8944,-19.22184 -18.8944,-32.72507 h 9.44719 c 0,10.1275 5.4038,19.48013 14.17079,24.5438 8.76701,5.06368 19.5746,5.06368 28.34159,0 8.76701,-5.06367 14.1708,-14.4163 14.1708,-24.5438 z"
+       pointer-events="none"
+       id="path3275"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#157b80;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <path
+       d="m 97.533719,130.12754 c 0,-20.87198 16.916791,-37.788748 37.788811,-37.788748 20.872,0 37.78877,16.916768 37.78877,37.788748 h -9.44719 c 0,-15.65083 -12.69073,-28.34153 -28.34158,-28.34153 -15.65088,0 -28.3416,12.6907 -28.3416,28.34153 z"
+       pointer-events="none"
+       id="path3277"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#f86500;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <path
+       d="m 239.24168,130.12754 c 0,13.50323 -7.20508,25.9736 -18.89439,32.72507 -11.68932,6.75162 -26.09946,6.75162 -37.78877,0 -11.68935,-6.75147 -18.89441,-19.22184 -18.89441,-32.72507 h 9.44719 c 0,10.1275 5.4038,19.48013 14.17082,24.5438 8.767,5.06368 19.57456,5.06368 28.34156,0 8.76699,-5.06367 14.17082,-14.4163 14.17082,-24.5438 z"
+       pointer-events="none"
+       id="path3279"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#e45700;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <circle
+       cx="-63.068657"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3281"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#a0e6ee;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <circle
+       cx="3.0617487"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3283"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#1facb3;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <circle
+       cx="69.192101"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3285"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#157b80;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <circle
+       cx="135.32259"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3287"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#f86500;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <circle
+       cx="201.45299"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3289"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#e45700;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       d="m 229.7945,130.12754 c 0,-20.87198 16.91677,-37.788748 37.7888,-37.788748 20.872,0 37.78877,16.916768 37.78877,37.788748 h -9.44722 c 0,-15.65083 -12.69068,-28.34153 -28.34155,-28.34153 -15.6509,0 -28.34162,12.6907 -28.34162,28.34153 z"
+       pointer-events="none"
+       id="path3453"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#dd1100;fill-opacity:1;stroke:none;stroke-width:0.62981319" />
+    <circle
+       cx="267.58334"
+       cy="130.12785"
+       pointer-events="none"
+       id="ellipse3455"
+       r="15.74533"
+       style="display:inline;fill:#ffffff;fill-opacity:0;stroke:#dd1100;stroke-width:2.51925135;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path8657-6"
+       d="m 208.5311,128.24043 c -0.65484,-3.32252 -3.57277,-5.8167 -7.07813,-5.8167 -2.7831,0 -5.20026,1.57932 -6.40403,3.8906 -2.89867,0.30811 -5.1521,2.76387 -5.1521,5.73961 0,3.18749 2.59048,5.77803 5.77805,5.77803 h 12.51916 c 2.65792,0 4.81507,-2.15711 4.81507,-4.81504 0,-2.54243 -1.97419,-4.60318 -4.47802,-4.7765 z m -5.1521,2.8504 v 3.85207 h -3.85207 v -3.85207 h -2.88904 l 4.81508,-4.81504 4.81504,4.81504 z"
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:#e45700;fill-opacity:1;stroke-width:0.96301138" />
+    <g
+       style="display:inline"
+       id="g9073"
+       transform="matrix(1.1227788,0,0,1.1227788,-10.411601,116.65449)">
+      <path
+         id="path9059"
+         d="M 0,0 H 24 V 24 H 0 Z"
+         inkscape:connector-curvature="0"
+         style="fill:none" />
+      <path
+         id="path9061"
+         d="M 19,3 H 14.82 C 14.4,1.84 13.3,1 12,1 10.7,1 9.6,1.84 9.18,3 H 5 C 3.9,3 3,3.9 3,5 v 14 c 0,1.1 0.9,2 2,2 h 14 c 1.1,0 2,-0.9 2,-2 V 5 C 21,3.9 20.1,3 19,3 Z m -7,0 c 0.55,0 1,0.45 1,1 0,0.55 -0.45,1 -1,1 -0.55,0 -1,-0.45 -1,-1 0,-0.55 0.45,-1 1,-1 z m 2,14 H 7 v -2 h 7 z m 3,-4 H 7 V 11 H 17 Z M 17,9 H 7 V 7 h 10 z"
+         inkscape:connector-curvature="0"
+         style="fill:#1facb3;fill-opacity:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="g9188"
+       transform="matrix(1.2740203,0,0,1.2740203,-78.356902,114.83963)">
+      <path
+         id="path9174"
+         d="M 12,2 C 6.48,2 2,6.48 2,12 2,17.52 6.48,22 12,22 17.52,22 22,17.52 22,12 22,6.48 17.52,2 12,2 Z m 0,3 c 1.66,0 3,1.34 3,3 0,1.66 -1.34,3 -3,3 C 10.34,11 9,9.66 9,8 9,6.34 10.34,5 12,5 Z m 0,14.2 c -2.5,0 -4.71,-1.28 -6,-3.22 0.03,-1.99 4,-3.08 6,-3.08 1.99,0 5.97,1.09 6,3.08 -1.29,1.94 -3.5,3.22 -6,3.22 z"
+         inkscape:connector-curvature="0"
+         style="fill:#a0e6ee;fill-opacity:1" />
+      <path
+         id="path9176"
+         d="M 0,0 H 24 V 24 H 0 Z"
+         inkscape:connector-curvature="0"
+         style="fill:none" />
+    </g>
+    <g
+       id="g9254"
+       transform="matrix(1.1515924,0,0,1.1462593,121.50352,116.37274)"
+       style="display:inline;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none">
+      <path
+         id="path9240"
+         d="M 18,3 V 5 H 16 V 3 H 8 V 5 H 6 V 3 H 4 v 18 h 2 v -2 h 2 v 2 h 8 v -2 h 2 v 2 h 2 V 3 Z M 8,17 H 6 V 15 H 8 Z M 8,13 H 6 V 11 H 8 Z M 8,9 H 6 V 7 h 2 z m 10,8 h -2 v -2 h 2 z m 0,-4 h -2 v -2 h 2 z M 18,9 H 16 V 7 h 2 z"
+         inkscape:connector-curvature="0"
+         style="fill:#f86500;fill-opacity:1;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none" />
+      <path
+         id="path9242"
+         d="M 0,0 H 24 V 24 H 0 Z"
+         inkscape:connector-curvature="0"
+         style="fill:none;stroke-width:2.01574802;stroke-miterlimit:4;stroke-dasharray:none" />
+    </g>
+    <g
+       style="display:inline"
+       id="g10313"
+       transform="matrix(1.2158869,0,0,0.93828703,252.99272,118.86839)">
+      <path
+         id="path10299"
+         d="M 0,0 H 24 V 24 H 0 Z"
+         inkscape:connector-curvature="0"
+         style="fill:none" />
+      <path
+         id="path10301"
+         d="M 18,2 H 6 C 4.9,2 4,2.9 4,4 v 16 c 0,1.1 0.9,2 2,2 h 12 c 1.1,0 2,-0.9 2,-2 V 4 C 20,2.9 19.1,2 18,2 Z M 6,4 h 5 v 8 L 8.5,10.5 6,12 Z"
+         inkscape:connector-curvature="0"
+         style="fill:#dd1100;fill-opacity:1" />
+    </g>
+    <g
+       style="display:inline"
+       id="g10556"
+       transform="matrix(1.0745233,0,0,1.0745233,56.297839,117.23358)">
+      <path
+         id="path10542"
+         d="M 20,4 H 4 C 2.9,4 2.01,4.9 2.01,6 L 2,18 c 0,1.1 0.9,2 2,2 h 16 c 1.1,0 2,-0.9 2,-2 V 6 C 22,4.9 21.1,4 20,4 Z M 20,8 12,13 4,8 V 6 l 8,5 8,-5 z"
+         inkscape:connector-curvature="0"
+         style="fill:#157b80;fill-opacity:1" />
+      <path
+         id="path10544"
+         d="M 0,0 H 24 V 24 H 0 Z"
+         inkscape:connector-curvature="0"
+         style="fill:none" />
+    </g>
+    <text
+       id="text1574"
+       y="202.61253"
+       x="169.00014"
+       style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#444444;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444447px;line-height:1;font-family:Lato;-inkscape-font-specification:Lato;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+         y="202.61253"
+         x="169.00014"
+         id="tspan1571"
+         sodipodi:role="line"><tspan
+   style="font-size:7.05555534px;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+   id="tspan1638">*</tspan> marked steps include <tspan
+   style="font-style:italic;font-weight:bold;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+   id="tspan1646">in</tspan><tspan
+   style="font-style:italic;font-weight:bold;fill:#444444;fill-opacity:1;stroke-width:0.26458332"
+   id="tspan1644">teraction with moderators</tspan></tspan></text>
+  </g>
+</svg>
diff --git a/fossee_manim/templates/fossee_manim/index.html b/fossee_manim/templates/fossee_manim/index.html
index dd85d66..5e4062a 100644
--- a/fossee_manim/templates/fossee_manim/index.html
+++ b/fossee_manim/templates/fossee_manim/index.html
@@ -3,7 +3,7 @@
 	<head>
 		<title>FOSSEE Animations</title>
 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
-		<link href="https://fonts.googleapis.com/css?family=Raleway|Lato&display=swap" rel="stylesheet">
+		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 		<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
 		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
@@ -21,49 +21,56 @@
 			.bck_clr{
 				background-color: #222222;
 			}
+			.fa{
+				padding: 10px;
+			}
 		</style>
-	</head>
 
-	<body>
-	<!--<div class="container-fluid">-->
+		</head>
+
+		<body>
+		<!--<div class="container-fluid">-->
 		<div class="col-md-12">
 		<nav class="navbar navbar-expand-lg navbar-light row bck_clr fixed-top" style="padding-top: 20px; padding-bottom: 20px;">
 		  	<a class="navbar-brand" href="#">
-		    	<img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="" style="margin-right: 50px; margin-left: 20px">
-			</a>
-			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-				<span class="navbar-toggler-icon"></span>
+				<img src="{{ URL_ROOT }}/static/img/logo_main.png" width="150" height="33.75" alt="Main_Logo" style="margin-right: 50px; margin-left: 20px">
+		  	</a>
+		  	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+		    	<span class="navbar-toggler-icon"></span>
 		  	</button>
 
-		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-							<form class="form-inline" style="margin-left: 10px; margin-top: 10px">
-								<input class="form-control mr-sm-2" type="text" placeholder="Search for animations">
-								<button class="btn btn-primary my-2 my-sm-0" type="submit">
-									Search
-								</button>
-							</form>
-
-							<ul class="navbar-nav ml-md-auto">
-								<li class="nav-item dropdown">
-									 <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
-									<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
-										 <a class="dropdown-item" href="{% url 'login' %}">Login</a>
-										<div class="dropdown-divider">
-										</div> <a class="dropdown-item" href="register">Register</a>
-									</div>
-								</li>
-							</ul>
+		  	<div class="collapse navbar-collapse" id="navbarSupportedContent">
+				<form class="form-inline" id="search_bar" method="POST" action="/search/" style="margin-left: 10px; margin-top: 10px ">
+					{% csrf_token %}
+					<input class="form-control mr-sm-2" type="search" id="search_tab" placeholder="Search">
+						<button class="btn btn-primary my-2 my-sm-0" type="submit">
+						Search
+						</button>
+				</form>
+
+				<ul class="navbar-nav ml-md-auto">
+					<li class="nav-item dropdown">
+						 <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" style="color:white">Login / Register</a>
+						<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
+							 <a class="dropdown-item" href="{% url 'login' %}">Login</a>
+							<div class="dropdown-divider">
+							</div>
+							<a class="dropdown-item" href="{% url 'register' %}">Register</a>
+						</div>
+					</li>
+				</ul>
+
 		  </div>
 		</nav>
 		<!-- Remove sticky-top if the buttons are not supposed to scroll down-->
-		<div class="jumbotron row sticky-top" style="padding-top: 100px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
-				<div class="btn-group btn-group-lg" role="group">
-					<button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
-					<button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
-					<button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
-					<button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
-					<button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
-				</div>
+		<div class="jumbotron row sticky-top" style="padding-top: 90px; padding-bottom: 0.2%; margin-bottom: 0px; color:#dddddd">
+			<div class="btn-group btn-group-lg" role="group">
+				<button class="btn btn-link perma_link" type="button"><a href="#" style="color:#157b80">About</a></button>
+				<button class="btn btn-link perma_link" type="button"><a href="{% url 'guidelines' %}" style="color:#222222">Guidelines</a></button>
+				<button class="btn btn-link perma_link" type="button"><a href="{% url 'faqs' %}" style="color:#222222">FAQ</a></button>
+				<button class="btn btn-link perma_link" type="button"><a href="{% url 'honorarium' %}" style="color:#222222">Honorarium</a></button>
+				<button class="btn btn-link perma_link" type="button"><a href="{% url 'send_proposal' %}" style="color:#dd1100">Submit Proposal</a></button>
+			</div>
 		</div>
 
 		<div id="carouselExampleIndicators" class="carousel slide row" data-ride="carousel" style="margin-top: 0px">
@@ -74,18 +81,17 @@
 		  </ol>
 		  <div class="carousel-inner">
 		    <div class="carousel-item active">
-		      <img class="d-block w-100" src="https://i.imgur.com/ruP33nb.png" alt="First slide" height=800>
-			  <!--  img res here-->
+		      <img class="d-block w-100" src="https://i.imgur.com/ruP33nb.png" alt="First slide" height=650>
 		      <div class="carousel-caption d-none d-md-block">
 		    <h5>FOSSEE Animations</h5>
 		    <p>some stuff</p>
 		  </div>
 		    </div>
 		    <div class="carousel-item">
-		      <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=800>
+		      <img class="d-block w-100" src="https://i.imgur.com/FgdE4et.png" alt="Second slide" height=650>
 		    </div>
 		    <div class="carousel-item">
-		      <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=800>
+		      <img class="d-block w-100" src="https://i.imgur.com/b7lbXaX.png" alt="Third slide" height=650>
 		    </div>
 		  </div>
 		  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
@@ -102,46 +108,57 @@
 		<!--Infographics-->
 
 		<div class="jumbotron row text-center" style="background-color: white"> <!-- style="background-image: url('');  background-size: cover;">-->
-
-
-			 <div class="container text-center">
+			<div class="container text-center">
 			 	<h1 style="color: #e45700"><b>HOW IT WORKS</b></h1>
-			 	  			<img  class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="...">
-		        </div>
-
+				<img  class="img-fluid d-block text-center" width="100%" src="{{ URL_ROOT }}/static/img/info.svg" alt="Infographic">
+		    </div>
 		</div>
 
 
 
 		<!--Footer-->
-		<div class="row" style="background-color: #222222;">
-			<div class="col-md-4">
-                    <center>
-                        <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" width = 200; style="margin:50px; float:left">
-                    </center>
-			</div>
 
-            <div class="col-md-3" style="color: white; margin:50px; float:right">
-                    FOSSEE, IIT-Bombay <br>
-                    Mumbai, India <br>
-                    Phone: (+91) 22-2576-4133 <br>
-                    Email: animations[at]fossee[dot]in
-            </div>
-
-            <div class="col-md-3" style="margin:50px">
-                <a style="color:white;" href="https://python.fossee.in/about/" target="_blank">About Us </a>
-            </div>
-		        <!-- </div> -->
-	        <div class="row" style="background-color: #444444;">
-	                <hr style="color:white;">
-	            <div class="col-md-10 mx-auto" style="background-color: #444444; color:white;  text-align: center; margin: 0.5%; ">
-	                The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
-	                    This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
-
-	        	</div>
+
+		<div class="jumbotron row" style="background-color: #222222; margin-bottom: 0px; border-radius: 0 !important;">
+
+
+
+
+		<div class="container">
+		  <div class="row">
+		    <div class="col-md text-center">
+		                             <img src="https://animations.fossee.in/static/img/fossee_logo_iitb.png" style="">
+		    </div>
+
+		    <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+		        <b>FOSSEE | IIT-Bombay </b><br>
+		        <b>Mumbai, India </b> - 400-076 <br>
+		        <b>Phone:</b> (+91) 22-2576-4133<br>
+		        <b>Email:</b> animations@fossee.in
+		    </div>
+		    <div class="col-md text-center" style="color:#e9ecef; margin-top: 15px">
+		      <b>Follow us on:</b><br/>
+		      <a href="#" class="fa fa-twitter"></a>
+		      <a href="#" class="fa fa-instagram"></a>
+			  <a href="#" class="fa fa-facebook"></a>
+			  <a href="#" class="fa fa-github"></a>
 		    </div>
+		  </div>
+		<hr/>
+		<div class="text-center row" style="color: #e9ecef; color:white; padding:10px; margin-left: 10px; text-align:center">
+		                    The FOSSEE project is funded by the National Mission on Education through ICT, MHRD, Government of India.
+		                    This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
+		        </div>
+
+		        </div>
+
+				</div>
+
+		        <div class="row col-md-12 text-center" style="background-color: #444444; width: 100%;">
+
+		        </div>
 
 		</div>
-		
+
 	</body>
 </html>