docs/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

---
layout: landing
title: Welcome
---

<nav class="bg-default">
  <div class="container">
    <ul class="primary-nav">
      <li><a href="{{ "/overview/" | relative_url }}">Documentation</a></li>
      <li><a href="{{ "/how-it-works/" | relative_url }}">How it works</a></li>
      <li><a href="https://github.com/mysociety/fixmystreet">GitHub</a></li>
      <li><a href="{{ "/community/" | relative_url }}">Contact us</a></li>
    </ul>
  </div>
</nav>


<div class="container">
  <div class="homepage-feature spacer-top">
    <div class="column">
      <div class="monitor">
        <div id="owl-slide" class="owl-carousel">
          <div>
           <a href="https://www.zueriwieneu.ch/">
            <img src="/assets/img/tn1.png">
            <div class='owl__gap'>
              <h3>Züri wie neu</h3>
              <p>Run by Stadt Z&uuml;rich, Switzerland</p>
            </div>
           </a>
          </div>
          <div>
           <a href="http://www.fixamingata.se/">
            <img src="/assets/img/tn2.png">
            <div class='owl__gap'>
              <h3>Fixa min gata</h3>
              <p>Run by KIVOS, Sweden</p>
            </div>
           </a>
          </div>
          <div>
           <a href="https://aduanku.my/">
            <img src="/assets/img/tn3.png">
            <div class='owl__gap'>
              <h3>AduanKu.my</h3>
              <p>Run by Sinar Project, Malaysia</p>
            </div>
           </a>
          </div>
        </div>
      </div>
    </div>

    <div class="column">
      <h1 class="secondary-heading title">
        Run a website like FixMyStreet in your country or city, for free
      </h1>
      <p>
        With FixMyStreet Platform you can easily launch a website that helps
        people to report street problems like potholes and broken street
        lights. Problem reports are then sent to authorities for fixing.
      </p>
      <p>
        In the wrong place? You might want to
        <a href="https://www.fixmystreet.com/">report problems in the UK</a>;
        or to learn about
        <a href="https://www.fixmystreet.com/council">FixMyStreet
        for local governments</a>. FixMyStreet Platform is for citizens who
        want to run their own sites. Welcome!
      </p>
    </div>
  </div>
</div>


<div class="bg-default spacer-top">
  <div class="container">
    <ul class="summary-of-features">
      <li>
        <div class="circle-icon icon-opensource">&nbsp;</div>
        <h3>Free software</h3>
        <p>Using open source technologies</p>
      </li>
      <li>
        <div class="circle-icon icon-paint">&nbsp;</div>
        <h3>Brandable</h3>
        <p>Add your own colour, fonts and logos</p>
      </li>
      <li>
        <div class="circle-icon icon-help">&nbsp;</div>
        <h3>Friendly support</h3>
        <p>Backup from mySociety and a strong community</p>
      </li>
      <li>
        <div class="circle-icon icon-world">&nbsp;</div>
        <h3>Many languages</h3>
        <p>Use existing languages, or add your own</p>
      </li>
    </ul>
  </div>
</div>

<div class="container">
  <h2 class="text--center spacer-top primary-heading title">Let&rsquo;s get started</h2>

  <div class="this-or-this">
    <div class="column">
      <h3 class="secondary-heading spacer-top title">Learn more</h3>
      <p class="tertiary-heading">Get your FixMyStreet <br>site up and running</p>
      <ul class="action-buttons spacer-top">
        <li><a href="{{ "/install/" | relative_url }}" class="btn--green"><i class="icon icon-download">&nbsp;</i> Install</a></li>
        <li><a href="{{ "/overview/" | relative_url }}" class="btn--green"><i class="icon icon-document">&nbsp;</i> Docs</a></li>
        <li><a href="https://github.com/mysociety/fixmystreet" class="btn--green"><i class="icon icon-github">&nbsp;</i> GitHub</a></li>
        <li><a href="https://github.com/mysociety/fixmystreet/blob/master/LICENSE.txt" class="btn--green"><i class="icon icon-document">&nbsp;</i> Licence Info</a></li>
      </ul>
    </div>
    <div class="column">
      <h3 class="secondary-heading spacer-top title">Get in touch</h3>
      <p class="tertiary-heading">Say hello, we&rsquo;ll help you make <br>your new site awesome</p>
      <ul class="action-buttons spacer-top">
        <li><a href="https://github.com/mysociety/fixmystreet" class="btn--blue"><i class="icon icon-github">&nbsp;</i> GitHub</a></li>
        <li><a href="https://twitter.com/fixmystreet" class="btn--blue"><i class="icon icon-twitter">&nbsp;</i> Follow us</a></li>
        <li><a href="{{ "/community/" | relative_url }}" class="btn--blue"><i class="icon icon-irc">&nbsp;</i> Chat on IRC</a></li>
        <li><a href="{{ "/community/" | relative_url }}" class="btn--blue"><i class="icon icon-post">&nbsp;</i> Mailing list</a></li>
      </ul>
    </div>
  </div>
</div>