templates/static/get-started.html

   1 {% extends "../base-1.html" %}
   2
   3 {% block title %}{{ _("Get Started") }}{% end block %}
   4
   5 {% block container %}
   6         <section id="step-0" class="container content-section text-center">
   7                 <div class="page-header">
   8                         <h1>{{ _("Get Started With IPFire") }}</h1>
   9                 </div>
  10
  11                 <p class="lead">
  12                         Deploying IPFire in any network environment is easily done within
  13                         fifteen to twenty minutes. You will have to follow these three
  14                         steps and you are ready to go...
  15                 </p>
  16         </section>
  17
  18         <section id="step-1" class="content-section lighter-background text-center">
  19                 <div class="container">
  20                         <h2>{{ _("Hardware Selection") }}</h2>
  21
  22                         <p class="lead">
  23                                 IPFire is a free software distribution that you can install on
  24                                 any hardware that <a href="https://wiki.ipfire.org/en/hardware/start">fits the requirements</a>
  25                                 and is best for your environment's needs.
  26                         </p>
  27
  28                         <p class="lead">
  29                                 You can also purchase a <a href="/hardware">hardware appliance</a>
  30                                 that is perfectly tailored for IPFire and comes pre-installed
  31                                 so that you can start setting up your new IPFire firewall right away.
  32                         </p>
  33                 </div>
  34         </section>
  35
  36         <section id="step-2" class="content-section light-background text-center">
  37                 <div class="container">
  38                         <h2>{{ _("Installation") }}</h2>
  39
  40                         <p class="lead">
  41                                 The <a href="https://wiki.ipfire.org/en/installation/start">installation handbook</a>
  42                                 on the IPFire wiki will guide you through the entire installation process
  43                                 from the beginning to the end.
  44                         </p>
  45
  46                         <div class="btn-toolbar">
  47                                 <a class="btn btn-primary btn-lg" href="/download">
  48                                         {{ _("Download") }}
  49                                 </a>
  50                                 <a class="btn btn-info btn-lg" href="https://wiki.ipfire.org/en/installation/start">
  51                                         {{ _("Installation Handbook") }}
  52                                 </a>
  53                         </div>
  54                 </div>
  55         </section>
  56
  57         <section id="step-3" class="content-section red-background text-center">
  58                 <div class="container">
  59                         <h2>{{ _("Configuration") }}</h2>
  60
  61                         <p class="lead">
  62                                 IPFire is easy to set up and use. The IPFire wiki
  63                                 <a href="https://wiki.ipfire.org/en/configuration/start">has great documentation</a>
  64                                 about all features and answers almost any question.
  65                         </p>
  66
  67                         <p class="lead">
  68                                 If you need professional support for your IPFire deployment the
  69                                 qualified consultants from
  70                                 <a href="/get-support#professional">Lightning Wire Labs</a>
  71                                 are there for you at any time.
  72                         </p>
  73                 </div>
  74         </section>
  75
  76         <section id="after-installation" class="container content-section text-center">
  77                 <h3>{{ _("After the installation...") }}</h3>
  78
  79                 <div class="row">
  80                         <div class="col-md-4 hidden-sm hidden-xs">
  81                                 <h4>
  82                                         <span class="fa fa-wechat"></span>
  83                                         {{ _("Communicate") }}
  84                                 </h4>
  85
  86                                 Get in touch with the IPFire community on chat, the forums or
  87                                 mailing lists to ask questions or help out others.
  88                         </div>
  89
  90                         <div class="col-md-4 hidden-sm hidden-xs">
  91                                 <h4>
  92                                         <span class="fa fa-cog"></span>
  93                                         {{ _("Contribute") }}
  94                                 </h4>
  95
  96                                 There is always exciting things to do. You have the chance
  97                                 to shape the IPFire project and bring in your expertise in
  98                                 engineering, writing documentation or fixing bugs.
  99                         </div>
 100
 101                         <div class="col-md-4 hidden-sm hidden-xs">
 102                                 <h4>
 103                                         <span class="fa fa-heart"></span>
 104                                         {{ _("Donate") }}
 105                                 </h4>
 106
 107                                 Your support keeps the IPFire project running.
 108                         </div>
 109                 </div>
 110
 111                 <br>
 112
 113                 <div class="row">
 114                         <div class="col-md-4">
 115
 116                                 <a class="btn btn-primary btn-block" href="/get-involved">
 117                                         {{ _("Get Involved") }}
 118                                 </a>
 119                         </div>
 120
 121                         <div class="col-md-4">
 122                                 <a class="btn btn-primary btn-block" href="/get-involved#contribute">
 123                                         {{ _("Contribute") }}
 124                                 </a>
 125                         </div>
 126
 127                         <div class="col-md-4">
 128                                 <a class="btn btn-primary btn-block" href="/donate">
 129                                         {{ _("Donate") }}
 130                                 </a>
 131                         </div>
 132                 </div>
 133         </section>
 134 {% end block %}