index.html 8.01 KB
Newer Older
1 2
<!DOCTYPE html>
<html>
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
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>FFS</title>

    <link rel="apple-touch-icon" sizes="180x180" href="/meta/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
        <link rel="manifest" href="/meta/manifest.json">
        <link rel="mask-icon" href="/meta/safari-pinned-tab.svg" color="#5bbad5">
        <meta name="theme-color" content="#ffffff">

    <link href="/css/custom.css" rel="stylesheet">

    
    <meta name="msapplication-config" content="/ietemplates/ieconfig.xml">

  </head>


  <body>
    <div class="page-wrapper">
          
<div class="mob-nav">
              <input class="burger-check" id="mobile-burger" type="checkbox"><label for="mobile-burger" class="burger"></label>
           
        <div class="slide-in-nav">
             <div class="container slide-in">
                 <div class="row">
                     <div class="col-xs-12"> 
                         <div class="text-center nav-item mob">
37
                            <a href="/ideas/" class="top-link">Ideas</a>
38 39
                         </div>
                         <div class="text-center nav-item mob">
40
                            <a href="/funding-required/">Funding Required</a>
41 42
                         </div>
                         <div class="text-center nav-item mob">
43
                            <a href="/work-in-progress/">Work in Progress</a>
44 45
                         </div>
                         <div class="text-center nav-item mob">
46
                            <a href="/completed-proposals/">Completed Tasks</a>
47 48
                         </div>
                         <div class="text-center nav-item mob">
49
                            <a href="/completed-proposals/">Back to Getmonero.org</a>
50 51 52 53 54 55 56 57 58 59 60 61
                         </div>
                     </div>                     
                 </div>          
             </div>
          
        </div>
       </div>
       
        <div class="desktop-nav">
           <nav class="container">
              <div class="row middle-xs">
                  <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
62
                    <a href="/"><img src="/img/monero-logo.png" alt="Monero Logo" class="monero-logo"></a>
63 64 65 66
                  </div>
                  <div class="col-lg-8 col-md-8 col-sm-8 items end-xs">
                      <div class="row end-xs middle-xs">
                         <div class="col-md-12">
67 68 69 70 71
                          <a href="/ideas/" class="top-link">Ideas</a>
                          <a href="/funding-required/">Funding Required</a>
                          <a href="/work-in-progress/">Work in Progress</a>
                          <a href="/completed-proposals/">Completed Tasks</a>
                          <a href="/completed-proposals/">Getmonero.org</a>
72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
                          </div>
                      </div>
                  </div>
              </div>
        </nav>
        </div>
        <div class="mob bot-nav white-nav">
            <div class="row middle-xs">
                <div class="col-xs-6">
                    <a href="
                    
                    /
                    
                    "><img src="/img/monero-logo.png" alt="Monero Logo" class="monero-logo"></a>
                </div>
            </div>     
        </div>    

        <div class="site-wrap ffs-proposal ffs-con">
91 92 93 94

<div class="container ffs-breadcrumbs">
   <div class="row">
      <div class="col-xs-12">
95 96 97
          <p><a href="/">Community Crowdfunding System</a></p>
          <p><a href="/funding-required/">Funding Required</a></p>
          <p><a href="/funding-required/">[TITLE HERE]</a></p>
98 99 100 101 102 103 104 105 106
          <p class="bread-active">Contribute</p>
      </div>
   </div>
</div> 
                   
            <section class="container full">
                <div class="info-block">
                   <div class="row">
                        <div class="col-xs-12"> 
107
                            <h2>[TITLE HERE]</h2>
108
                            <div class="row middle-xs between-xs">
109 110 111
                                <p class="author-list"><span><img src="/img/author-filled.png"></span>[AUTHOR NAME HERE]</p>
                                <p class="date-list"><span><img src="/img/calendar.png"></span>[DATE HERE]</p>
                                <p class="bar-fund-status">Raised <span class="progress-number-funded">[AMOUNT HERE]</span> of <span class="progress-number-goal">[AMOUNT RAISED HERE]</span> XMR</p>
112 113
                            </div>
                            <div class="progress-bar">
114
                                <span class="fund-progress" style="width: [PERCENTAGE HERE]%"></span>
115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133
                            </div>
                            <p>Your contribution should be visible within 5 minutes of you sending your contribution. If for some reason it is not there, please contact a member of the Core Team!</p>
                        </div>
                    </div>
                </div>
        </section>
                   
        <section class="container full">
                    <div class="row">
                       <div class="col-xs-12">
                           <div class="tabs con-how">
                                  <input class="input" name="tabs" type="radio" id="tab-1" checked="checked"/>
                                  <label class="label" for="tab-1">QR Code</label>
                                  <div class="panel col-xs-12">
                                       <div class="panel-segment">
                                            <h3>Contribute with a QR code</h3>
                                            <p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
                                            <p>2. Scan this QR code or tap to open in your Monero wallet app:</p>
                                            <p>
's avatar
committed
134
                                                <a href="[MONERO URL HERE]" class="qr"><img src="[QR CODE IMAGE HERE]"/></a>
135 136 137 138 139
                                            </p>
                                            <p>3. Send! Thank you! You are amazing!</p>
                                       </div>
                                  </div>
                                  <input class="input" name="tabs" type="radio" id="tab-2"/>
's avatar
committed
140
                                  <label class="label" for="tab-2">Address</label>
141 142
                                  <div class="panel col-xs-12">
                                      <div class="panel-segment">
's avatar
committed
143
                                            <h3>Contribute using an address</h3>
144
                                            <p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
's avatar
committed
145
                                            <p>2. Enter the following XMR address:</p>   <p class="string">[SUBADDRESS HERE]</p>
146 147 148
                                            <p>3. Send! Thank you! You are amazing!</p>
                                      </div>
                                  </div>
's avatar
committed
149
                              </div>
150 151 152 153
                       </div>
                    </div>
        </section>
    </div>
154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173

    <footer class="container-fluid">
            <div class="container">
                <div class="row around-xs footer-wrapper">
                  
                <div class="row center-xs">
                    <div class="social-icons">
                    </div>
                    <div class="footer-links">
                        <ul class="list-unstyled list-inline">
                           
                        </ul>
                    </div>
                </div>
                </div>
            </div>
</footer>
    </div>
  </body>
</html>