forked from opencollective/opencollective-frontend
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.ru.html
182 lines (163 loc) · 13.7 KB
/
index.ru.html
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<section class="banner">
<div class="banner__sponsors flexbox align-center align-bottom">
<div class="banner__sponsors__logos">
<div class="banner__sponsors__burble logo-1"><img src="images/logos/logo-1.svg" alt="Sponsors Logo 1" /></div>
<div class="banner__sponsors__burble logo-2"><img src="images/logos/logo-2.svg" alt="Sponsors Logo 2" /></div>
<div class="banner__sponsors__burble logo-3"><img src="images/logos/logo-3.svg" alt="Sponsors Logo 3" /></div>
<div class="banner__sponsors__burble logo-4"><img src="images/logos/logo-4.svg" alt="Sponsors Logo 4" /></div>
<div class="banner__sponsors__burble logo-5"><img src="images/logos/logo-5.svg" alt="Sponsors Logo 5" /></div>
<div class="banner__sponsors__burble logo-6"><img src="images/logos/logo-6.svg" alt="Sponsors Logo 6" /></div>
<div class="banner__sponsors__burble logo-7"><img src="images/logos/logo-7.svg" alt="Sponsors Logo 7" /></div>
<div class="banner__sponsors__burble logo-8"><img src="images/logos/logo-8.svg" alt="Sponsors Logo 8" /></div>
<div class="banner__sponsors__burble logo-9"><img src="images/logos/logo-9.svg" alt="Sponsors Logo 9" /></div>
<div class="banner__sponsors__burble logo-10"><img src="images/logos/logo-10.svg" alt="Sponsors Logo 10" /></div>
<div class="banner__sponsors__burble logo-11"><img src="images/logos/logo-11.svg" alt="Sponsors Logo 11" /></div>
<div class="banner__sponsors__burble logo-12"><img src="images/logos/logo-12.svg" alt="Sponsors Logo 12" /></div>
<div class="banner__sponsors__burble logo-13"><img src="images/logos/logo-13.svg" alt="Sponsors Logo 13" /></div>
<div class="banner__sponsors__burble logo-14"><img src="images/logos/logo-14.svg" alt="Sponsors Logo 14" /></div>
<div class="banner__sponsors__burble logo-15"><img src="images/logos/logo-15.svg" alt="Sponsors Logo 15" /></div>
<div class="banner__sponsors__burble logo-16"><img src="images/logos/logo-16.svg" alt="Sponsors Logo 16" /></div>
<div class="banner__sponsors__burble logo-17"><img src="images/logos/logo-17.svg" alt="Sponsors Logo 17" /></div>
<div class="banner__sponsors__burble logo-18"><img src="images/logos/logo-18.svg" alt="Sponsors Logo 18" /></div>
<div class="banner__sponsors__burble logo-19"><img src="images/logos/logo-19.svg" alt="Sponsors Logo 19" /></div>
<div class="banner__sponsors__burble logo-20"><img src="images/logos/logo-20.svg" alt="Sponsors Logo 20" /></div>
<div class="banner__sponsors__burble logo-21"><img src="images/logos/logo-21.svg" alt="Sponsors Logo 21" /></div>
<div class="banner__sponsors__burble logo-22"><img src="images/logos/logo-22.svg" alt="Sponsors Logo 22" /></div>
<div class="banner__sponsors__burble logo-23"><img src="images/logos/logo-23.svg" alt="Sponsors Logo 23" /></div>
<div class="banner__sponsors__burble logo-24"><img src="images/logos/logo-24.svg" alt="Sponsors Logo 24" /></div>
<div class="banner__sponsors__burble logo-25"><img src="images/logos/logo-25.svg" alt="Sponsors Logo 25" /></div>
<div class="banner__sponsors__burble logo-26"><img src="images/logos/logo-26.svg" alt="Sponsors Logo 26" /></div>
<div class="banner__sponsors__burble logo-27"><img src="images/logos/logo-27.svg" alt="Sponsors Logo 27" /></div>
<div class="banner__sponsors__burble logo-28"><img src="images/logos/logo-28.svg" alt="Sponsors Logo 28" /></div>
</div>
</div>
<div class="banner__container">
<div class="banner__logo text-center">
<img src="images/banner-logo.svg" alt="Support Communities on Open Collective" />
</div>
<h1 class="banner__title color--white">Поддержите сообщества Open Collective.</h1>
<h2 class="banner__subtitle color--white">Присоединяйтесь к этим (и не только) компаниям, которые поддерживают open collectives с ❤️.</h2>
</div>
</section>
<section class="sponsors__legally">
<div class="flexbox align-middle align-justify">
<div class="sponsors__legally__info small-order-2">
<h3 class="title-section color--neutral900 fw800">Юридическая поддержка сообществ, которые не имеют юристов.</h3>
<p class="text-section color--neutral700">Международные или местные сообщества зачастую не имеют юридического лица. Open Collective позволяет вам финансово поддержать сообщества, работя с фискальными спонсорами, которые предоставят вашей компании с счетом.</p>
</div>
<div class="sponsors__legally__graphic small-order-1">
<img src="images/legally-graphic.svg" alt="Legally support communities">
</div>
</div>
</section>
<section class="sponsors__transparency text-center">
<div class="sponsors__transparency__info">
<h4 class="title-section color--neutral900">Прозрачность</h4>
<p class="text-section color--neutral700">Вы всегда будете знать, на что идут ваши пожертвования в реальном времени.</p>
<div class="sponsors__transparency__graphic">
<img src="images/transparency-graphic.svg" alt="Get an invoice">
</div>
</div>
</section>
<section class="sponsors__get-an-invoice">
<div class="flexbox align-middle align-justify">
<div class="sponsors__get-an-invoice__info">
<h5 class="title-section color--neutral900 fw800">Get an invoice for your donations.</h5>
<p class="text-section color--neutral700">Supporting communities can be an accounting nightmare. Most of them don’t have a legal entity and therefore they cannot give you an invoice for your donation. Open Collective solves that by hosting collectives that fall in the same category on one single legal entity.</p>
<div class="sponsors__get-an-invoice__info__block">
<h5 class="subtitle-section color--neutral900">Consolidated invoices.</h5>
<p class="text-section color--neutral700">Get once a month a consolidated invoice for all your donations to all collectives that are hosted on the same legal entity. Your accounting department will thank you for that!</p>
</div>
</div>
<div class="sponsors__get-an-invoice__graphic">
<img src="images/invoice-graphic.svg" alt="Get an invoice">
</div>
</div>
</section>
<section class="sponsors__purshasing text-center">
<div class="sponsors__purshasing__info">
<h5 class="title-section color--neutral900 fw800">Purchasing orders</h5>
<p class="text-section color--neutral700">Your company has a special process for managing vendors? No problem. We have you covered. We do it at a host (fiscal sponsor) level, because it doesn’t make sense to go through such a heavy process for every single community (collective).</p>
</div>
<div class="sponsors__purshasing__graphic">
<img src="images/purshasing-graphic.svg" alt="Purshasing orders">
</div>
</section>
<section class="sponsors__reporting">
<div class="flexbox align-middle align-justify">
<div class="sponsors__reporting__graphic">
<img src="images/reporting-graphic.svg" alt="Reporting">
</div>
<div class="sponsors__reporting__info">
<h6 class="title-section color--neutral900 fw800">Reporting</h6>
<p class="text-section color--neutral700">Keeping track of your donations to dozens if not hundreds of collectives is hard. With Open Collective you receive a monthly report that aggregates all your participations in one place.</p>
</div>
</div>
</section>
<section class="sponsors__gift-cards">
<div class="flexbox align-middle align-justify">
<div class="sponsors__gift-cards__info small-order-2">
<h6 class="title-section color--neutral900 fw800">Give the gift of giving</h6>
<p class="text-section color--neutral700">Give your users a gift card to donate to the collectives that they love. ❤️</p>
<a href="/gift-cards" class="btn-standard">
<span class="btn-standard-content">
Create your Gift Cards
<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.91412 5.89289L6.2922 8.4758C5.93964 8.82448 5.93964 9.38981 6.2922 9.73849C6.64475 10.0872 7.21636 10.0872 7.56892 9.73849L11.7356 5.63135C12.0881 5.28266 12.0881 4.71734 11.7356 4.36865L7.56892 0.261512C7.21636 -0.0871706 6.64475 -0.0871706 6.2922 0.261512C5.93964 0.610194 5.93964 1.17552 6.2922 1.5242L8.91419 4.10718L0.90277 4.10718C0.40418 4.10718 -8.58679e-06 4.50692 -8.58679e-06 5.00003C-8.58679e-06 5.49315 0.40418 5.89289 0.90277 5.89289L8.91412 5.89289Z" />
</svg>
</span>
</a>
</div>
<div class="sponsors__gift-cards__graphic small-order-1">
<img src="images/gift-card.svg" alt="Gift Cards">
</div>
</div>
</section>
<section class="sponsors__features text-center">
<div class="sponsors__features__info">
<h6 class="title-section color--neutral900 fw800">More features for sponsors</h6>
<div class="sponsors__features__list md-flex align-justify">
<div class="sponsors__features__item">
<div class="sponsors__features__item__image flexbox align-middle align-center">
<img src="images/features-item-3.svg" alt="Pre-paid cards">
</div>
<p class="sponsors__features__title color--neutral900 h400 fw600">Bulk payments</p>
<p class="sponsors__features__description color--neutral600">When using a credit card is not convenient, send a bulk payment to your host and create a pre-paid card for your organization that you can use to make donations at will.</p>
</div>
<div class="sponsors__features__item">
<div class="sponsors__features__item__image flexbox align-middle align-center">
<img src="images/features-item-4.svg" alt="BackYourStack">
</div>
<p class="sponsors__features__title color--neutral900 h400 fw600">BackYourStack</p>
<p class="sponsors__features__description color--neutral600"><a href="https://backyourstack.com/">Discover the Open Source projects you're using and support them.</a></p>
</div>
</div>
</div>
</section>
<section class="sponsors__sustainers">
<div class="flexbox align-middle align-justify">
<div class="sponsors__sustainers__info">
<h6 class="title-section color--neutral900 fw800">Sustainers kit:</h6>
<p class="text-section color--neutral700">We know that sometimes making the case up the chain for sustaining open source is not always easy. For all you heroes inside of each company, we put together some resources to help you succeed.</p>
</div>
<div class="sponsors__sustainers__links">
<ul>
<li><a target="_blank" href="https://docs.opencollective.com/help/financial-contributors/organizations/sustainer-resources#templates">Letter template to management →</a></li>
<li><a target="_blank" href="https://docs.opencollective.com/help/financial-contributors/organizations/sustainer-resources#testimonials">Wiki with features for sponsors & testimonials →</a></li>
<li><a target="_blank" href="https://docs.opencollective.com/help/financial-contributors/organizations/sustainer-resources#google-form-template">Google form to circle around your colleagues →</a></li>
</ul>
</div>
</div>
</section>
<section class="sponsors__join flexbox align-center align-bottom">
<div class="sponsors__join__burbles">
<svg width="448" height="149" viewBox="0 0 448 149" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.2 74.4C57.7449 74.4 74.3999 57.745 74.3999 37.2C74.3999 16.655 57.7449 0 37.2 0C16.655 0 0 16.655 0 37.2C0 57.745 16.655 74.4 37.2 74.4Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M417 81C434.121 81 448 67.1208 448 50C448 32.8792 434.121 19 417 19C399.879 19 386 32.8792 386 50C386 67.1208 399.879 81 417 81Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M279 136C290.046 136 299 127.046 299 116C299 104.954 290.046 96 279 96C267.954 96 259 104.954 259 116C259 127.046 267.954 136 279 136Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M361 113C367.627 113 373 107.627 373 101C373 94.3726 367.627 89 361 89C354.373 89 349 94.3726 349 101C349 107.627 354.373 113 361 113Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M203 149C206.866 149 210 145.866 210 142C210 138.134 206.866 135 203 135C199.134 135 196 138.134 196 142C196 145.866 199.134 149 203 149Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M229.2 93.4C249.745 93.4 266.4 76.745 266.4 56.2C266.4 35.655 249.745 19 229.2 19C208.655 19 192 35.655 192 56.2C192 76.745 208.655 93.4 229.2 93.4Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M147.6 117.2C157.873 117.2 166.2 108.872 166.2 98.6C166.2 88.3275 157.873 80 147.6 80C137.328 80 129 88.3275 129 98.6C129 108.872 137.328 117.2 147.6 117.2Z" fill="white"/></svg>
</div>
<div class="sponsors__join__inner">
<h3 class="banner__title color--white">Присоединяйтесь к движению.</h3>
<p class="banner__subtitle color--white">Поддержите новое поколение сообществ.</p>
<div class="sponsors__join__button flexbox align-center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSce9yd_0MavuoMzRl9hB_UxMio6zB_AizvPz2924q5j9h6RuA/viewform" class="btn-medium">Напишите нам</a>
</div>
</div>
</section>