uracreative
/
logobridge
mirror of https://github.com/uracreative/logobridge
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Changed from redcarpet to kramdown

pull/2/head
Anxhelo Lushka 4 years ago
parent
145185bb0a
commit
5c0827b0c2
No known key found for this signature in database GPG Key ID: C86D6CF1F7FAAA35
13 changed files with 1628 additions and 1236 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      Gemfile
  2. 24
      Gemfile.lock
  3. 5
      _config.yml
  4. 240
      _includes/contact.html
  5. 242
      _includes/de/contact.html
  6. 42
      _includes/de/footer.html
  7. 99
      _includes/de/header.html
  8. 680
      _includes/de/logos.html
  9. 41
      _includes/footer.html
  10. 98
      _includes/header.html
  11. 680
      _includes/logos.html
  12. 618
      _sass/_layout.scss
  13. 84
      index.html

1
Gemfile
View File

@ -2,6 +2,5 @@ source "https://rubygems.org"
gem "jekyll" gem "jekyll"
gem "jekyll-watch" gem "jekyll-watch"
gem "redcarpet"
gem "kramdown" gem "kramdown"
gem "rouge" gem "rouge"

24
Gemfile.lock
View File

@ -4,31 +4,31 @@ GEM
addressable (2.7.0) addressable (2.7.0)
public_suffix (>= 2.0.2, < 5.0) public_suffix (>= 2.0.2, < 5.0)
colorator (1.1.0) colorator (1.1.0)
concurrent-ruby (1.1.6) concurrent-ruby (1.1.7)
em-websocket (0.5.1) em-websocket (0.5.2)
eventmachine (>= 0.12.9) eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0) http_parser.rb (~> 0.6.0)
eventmachine (1.2.7) eventmachine (1.2.7)
ffi (1.13.1) ffi (1.14.2)
forwardable-extended (2.6.0) forwardable-extended (2.6.0)
http_parser.rb (0.6.0) http_parser.rb (0.6.0)
i18n (1.8.5) i18n (1.8.7)
concurrent-ruby (~> 1.0) concurrent-ruby (~> 1.0)
jekyll (4.1.1) jekyll (4.2.0)
addressable (~> 2.4) addressable (~> 2.4)
colorator (~> 1.0) colorator (~> 1.0)
em-websocket (~> 0.5) em-websocket (~> 0.5)
i18n (~> 1.0) i18n (~> 1.0)
jekyll-sass-converter (~> 2.0) jekyll-sass-converter (~> 2.0)
jekyll-watch (~> 2.0) jekyll-watch (~> 2.0)
kramdown (~> 2.1) kramdown (~> 2.3)
kramdown-parser-gfm (~> 1.0) kramdown-parser-gfm (~> 1.0)
liquid (~> 4.0) liquid (~> 4.0)
mercenary (~> 0.4.0) mercenary (~> 0.4.0)
pathutil (~> 0.9) pathutil (~> 0.9)
rouge (~> 3.0) rouge (~> 3.0)
safe_yaml (~> 1.0) safe_yaml (~> 1.0)
terminal-table (~> 1.8) terminal-table (~> 2.0)
jekyll-sass-converter (2.1.0) jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0) sassc (> 2.0.1, < 3.0)
jekyll-watch (2.2.1) jekyll-watch (2.2.1)
@ -38,23 +38,23 @@ GEM
kramdown-parser-gfm (1.1.0) kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0) kramdown (~> 2.0)
liquid (4.0.3) liquid (4.0.3)
listen (3.2.1) listen (3.4.1)
rb-fsevent (~> 0.10, >= 0.10.3) rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10) rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0) mercenary (0.4.0)
pathutil (0.16.2) pathutil (0.16.2)
forwardable-extended (~> 2.6) forwardable-extended (~> 2.6)
public_suffix (4.0.5) public_suffix (4.0.6)
rb-fsevent (0.10.4) rb-fsevent (0.10.4)
rb-inotify (0.10.1) rb-inotify (0.10.1)
ffi (~> 1.0) ffi (~> 1.0)
redcarpet (3.5.0) redcarpet (3.5.1)
rexml (3.2.4) rexml (3.2.4)
rouge (3.21.0) rouge (3.26.0)
safe_yaml (1.0.5) safe_yaml (1.0.5)
sassc (2.4.0) sassc (2.4.0)
ffi (~> 1.9) ffi (~> 1.9)
terminal-table (1.8.0) terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1) unicode-display_width (~> 1.1, >= 1.1.1)
unicode-display_width (1.7.0) unicode-display_width (1.7.0)

5
_config.yml
View File

@ -9,8 +9,5 @@ twitter_username: logobridge
github_username: uracreative github_username: uracreative
# Build settings # Build settings
markdown: redcarpet markdown: kramdown
markdown_ext: markdown,mkdown,mkdn,mkd,md markdown_ext: markdown,mkdown,mkdn,mkd,md
redcarpet:
extensions: ["tables", "autolink", "strikethrough", "space_after_headers", "fenced_code_blocks"]

240
_includes/contact.html
View File

@ -1,65 +1,203 @@
<div id="form" class="bg-mute"> <div id="form" class="bg-mute">
<div class="wrapper center"> <div class="wrapper center">
<svg width="46" height="44" viewBox="0 0 46 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path d="M21.0979 1.8541C21.6966 0.0114772 24.3034 0.0114801 24.9021 1.8541L28.8374 13.9656C29.1051 14.7896 29.873 15.3475 30.7395 15.3475H43.4742C45.4117 15.3475 46.2172 17.8268 44.6498 18.9656L34.3472 26.4509C33.6462 26.9601 33.3529 27.8629 33.6206 28.6869L37.5559 40.7984C38.1546 42.641 36.0456 44.1732 34.4782 43.0344L24.1756 35.5492C23.4746 35.0399 22.5254 35.0399 21.8244 35.5492L11.5218 43.0344C9.95438 44.1732 7.84542 42.641 8.44413 40.7984L12.3794 28.6869C12.6471 27.8629 12.3538 26.9601 11.6528 26.4509L1.35021 18.9656C-0.217217 17.8268 0.588336 15.3475 2.52578 15.3475H15.2605C16.127 15.3475 16.8949 14.7896 17.1626 13.9656L21.0979 1.8541Z" fill="black"/> width="46"
</svg> height="44"
<p class="bold heading">Get your custom logo</p> viewBox="0 0 46 44"
<p class="mb-3">Get your own minimal logo with a turnaround which suits you.</p> fill="none"
<hr> xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.0979 1.8541C21.6966 0.0114772 24.3034 0.0114801 24.9021 1.8541L28.8374 13.9656C29.1051 14.7896 29.873 15.3475 30.7395 15.3475H43.4742C45.4117 15.3475 46.2172 17.8268 44.6498 18.9656L34.3472 26.4509C33.6462 26.9601 33.3529 27.8629 33.6206 28.6869L37.5559 40.7984C38.1546 42.641 36.0456 44.1732 34.4782 43.0344L24.1756 35.5492C23.4746 35.0399 22.5254 35.0399 21.8244 35.5492L11.5218 43.0344C9.95438 44.1732 7.84542 42.641 8.44413 40.7984L12.3794 28.6869C12.6471 27.8629 12.3538 26.9601 11.6528 26.4509L1.35021 18.9656C-0.217217 17.8268 0.588336 15.3475 2.52578 15.3475H15.2605C16.127 15.3475 16.8949 14.7896 17.1626 13.9656L21.0979 1.8541Z"
fill="black"
/>
</svg>
<p class="bold heading">Get your custom logo</p>
<p class="mb-3">
Get your own minimal logo with a turnaround which suits you.
</p>
<hr />
<div class="pt-3 pb-2 align-left"> <div class="pt-3 pb-2 align-left">
<form action="https://formspree.io/logobridge@ura.design" method="POST"> <form action="https://formspree.io/logobridge@ura.design" method="POST">
<label for="name">What’s the <strong>Name</strong> of your project you need a logo for?</label> <label for="name"
<input id="name" name='name' placeholder='Project Name' type='text' required> >What’s the <strong>Name</strong> of your project you need a logo
<div class="pt-2"> for?</label
<label for="E-mail">What is your <strong>Email Address</strong>?</label> >
<input id="E-mail" name='E-mail' placeholder='E-Mail' type='email' required> <input
</div> id="name"
<div class="pt-2"> name="name"
<label for="message">Tell us more about your project. What type of logo are you looking for? What is the audience and what do you aim to accomplish with your project? Help us help you.</label> placeholder="Project Name"
<textarea id="message" name='message' placeholder='' required></textarea> type="text"
</div> required
<div class="pt-2"> />
<label for="budget">Name a <strong>Price</strong> (USD $)</label> <div class="pt-2">
<input id="budget" name='budget' placeholder='' type='number' min="100" max="9999999" required oninvalid="setCustomValidity('Minimum price is $100 USD')" oninput="setCustomValidity('')"> <label for="E-mail"
</div> >What is your <strong>Email Address</strong>?</label
<div class="center pt-3"> >
<input class="button-submit" type="submit" value="Submit logo request"> <input
<p class="pt-1 size-14">*Form powered by <a href="https://formspree.io" target="_blank" rel="noopener">Formspree</a> id="E-mail"
</div> name="E-mail"
</form> placeholder="E-Mail"
type="email"
required
/>
</div> </div>
<p class="pt-1 pb-2">Every logo gets the fully fledged treatment from us. The higher your<br> bid is, the quicker we can get your logo up to speed.</p>
<hr>
<div class="pt-2"> <div class="pt-2">
<p class="bold">Clients we worked with:</p> <label for="message"
<div class="row grayscale"> >Tell us more about your project. What type of logo are you looking
for? What is the audience and what do you aim to accomplish with
<div class="col-sm"> your project? Help us help you.</label
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.917 31.75" height="120" width="200"><desc>Mozilla logo</desc><path d="M4.047 9.47H48.87V22.28H4.047z"/><path d="M46.853 18.67c-.087.025-.162.037-.237.037-.26 0-.386-.112-.386-.436v-2.428c0-1.282-1.02-1.905-2.23-1.905-.92 0-1.42.112-2.403.5l-.2 1.295 1.282.137.187-.635c.26-.137.523-.162.86-.162.91 0 .92.685.92 1.258v.187a7.35 7.35 0 0 0-.921-.05c-1.282 0-2.615.324-2.615 1.706 0 1.17.92 1.606 1.73 1.606.91 0 1.482-.548 1.805-1.12.075.685.486 1.12 1.233 1.12a2.17 2.17 0 0 0 1.009-.261zm-3.436-.037c-.486 0-.66-.286-.66-.647 0-.6.498-.772 1.07-.772.26 0 .548.037.81.075-.037.934-.647 1.345-1.22 1.345zM41.262 11.1l-2.428 8.554h-1.58L39.68 11.1zM38 11.1l-2.428 8.554h-1.58L36.42 11.1zm-6.723 2.95h1.68v2.017h-1.68zm0 3.598h1.68v2.017h-1.68zm-2.453-.075l1.27.125-.35 1.967h-4.893l-.162-.847 3.088-3.548h-1.756l-.25.872-1.158-.125.2-1.967h4.918l.125.847-3.113 3.548h1.818zm-8.03-3.636c-2.017 0-3.013 1.357-3.013 3 0 1.793 1.195 2.85 2.926 2.85 1.793 0 3.088-1.133 3.088-2.926 0-1.57-.984-2.926-3-2.926zm-.037 4.607c-.872 0-1.32-.747-1.32-1.718 0-1.058.5-1.668 1.332-1.668.76 0 1.37.5 1.37 1.644 0 1.083-.548 1.743-1.382 1.743zm-4.42-.112h.747v1.22h-2.34v-3.15c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h.747v1.22h-2.353v-3.163c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h1.07v1.22H6.71v-1.22h.747V15.27H6.71v-1.22h2.353v.847c.336-.598.92-.96 1.706-.96.81 0 1.556.386 1.83 1.208.31-.747.946-1.208 1.83-1.208 1.01 0 1.93.6 1.93 1.942v2.552z" fill="#fff"/></svg> >
</div> <textarea
id="message"
name="message"
placeholder=""
required
></textarea>
</div>
<div class="pt-2">
<label for="budget">Name a <strong>Price</strong> (USD $)</label>
<input
id="budget"
name="budget"
placeholder=""
type="number"
min="100"
max="9999999"
required
oninvalid="setCustomValidity('Minimum price is $100 USD')"
oninput="setCustomValidity('')"
/>
</div>
<div class="center pt-3">
<input
class="button-submit"
type="submit"
value="Submit logo request"
/>
<p class="pt-1 size-14">
*Form powered by
<a href="https://formspree.io" target="_blank" rel="noopener"
>Formspree</a
>
</p>
</div>
</form>
</div>
<div class="col-sm"> <p class="pt-1 pb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Tor Project logo</desc><g transform="matrix(.165566 0 0 .165566 13.991153 8.3417)"><path d="M84.9 6.8l-2.4 9.6C85.9 9.6 91.4 4.5 97.7 0c-4.6 5.3-8.8 10.6-11.3 16C90.7 9.9 96.5 6.6 103 4.3 94.3 12 87.4 20.4 82.2 28.7L78 26.9c.7-6.7 3.2-13.5 6.9-20.1z" fill="#68b044"/><path d="M73.8 25.1l7.9 3.3c0 2-.2 8.2 1.1 10 13.2 17 11 51.2-2.7 52-20.8 0-28.8-14.1-28.8-27.1 0-11.9 14.2-19.7 22.7-26.7 2.3-1.9 1.9-6.1-.2-11.5z" fill="#f5f8de"/><path d="M81.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z" fill="#7e4798"/><g fill="#010101"><path d="M78.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"/><path d="M80.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"/><path d="M80.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3zm.4-29.5c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"/><path d="M81.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"/></g><path d="M3.8 8.8h54.1c2 0 3.8 1.7 3.8 3.8v16c0 2.1-1.8 3.8-3.8 3.8H46.8c-2.5 0-3.6 1.4-3.6 3v52.3a3.05 3.05 0 0 1-3.1 3.1H21.7c-1.7 0-3-1.3-3-3.1V34.9c0-1.6-1.5-2.6-2.6-2.6H3.8A3.8 3.8 0 0 1 0 28.5v-16c0-2 1.7-3.7 3.8-3.7zM142.6 30h4.8c1.8 0 3.2 1.4 3.2 3.1v17.1c0 2.2.1 3.1-2.6 3.1-5.3 0-7.7 2.8-7.7 5.9v28.9c0 1.3-1.3 2.5-2.8 2.5h-17.2c-1.5 0-2.8-1.1-2.8-2.5V55.2c0-.6 0-1.4.1-1.9.9-12.2 10.5-21.9 22.6-23.2.3 0 1.7-.1 2.4-.1z" fill="#7e4798"/><path d="M101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3a24.9 24.9 0 0 0 9-19.1c0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z" fill="#010101"/></g><script/></svg> Every logo gets the fully fledged treatment from us. The higher your<br />
</div> bid is, the quicker we can get your logo up to speed.
</p>
<div class="col-sm"> <hr />
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Linux Foundation logo</desc><path d="M21.7 18.56v-5.517h1.7v4.105h2.442v1.412zm5.255-5.517h1.7v5.517h-1.7zm2.967 5.517v-5.517h1.74l1.606 2.953h.017v-2.953h1.606v5.517h-1.654l-1.692-3.012h-.017v3.012zm11.25-2.13c0 1.538-.812 2.264-2.513 2.264s-2.52-.726-2.52-2.264v-3.386h1.7v3.007c0 .556 0 1.268.828 1.268s.804-.7.804-1.268v-3.007h1.7v3.386zm.712 2.13l1.992-2.936-1.815-2.58h1.995l.833 1.5.82-1.5h1.886l-1.77 2.598 1.968 2.92h-2.047l-.944-1.644-.972 1.644z" fill="#003764"/><path d="M13.6 20.115H7.952v-5.65h-2.83v8.475H13.6z" fill="#009bde"/><path d="M7.947 13.048v-1.4h8.477v8.468h-1.4v2.825h4.235V8.8H5.124v4.237z" fill="#003764"/></svg>
</div>
</div> <div class="pt-2">
<p class="bold">Clients we worked with:</p>
<div class="row grayscale">
<div class="col-sm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 52.917 31.75"
height="120"
width="200"
>
<desc>Mozilla logo</desc>
<path d="M4.047 9.47H48.87V22.28H4.047z" />
<path
d="M46.853 18.67c-.087.025-.162.037-.237.037-.26 0-.386-.112-.386-.436v-2.428c0-1.282-1.02-1.905-2.23-1.905-.92 0-1.42.112-2.403.5l-.2 1.295 1.282.137.187-.635c.26-.137.523-.162.86-.162.91 0 .92.685.92 1.258v.187a7.35 7.35 0 0 0-.921-.05c-1.282 0-2.615.324-2.615 1.706 0 1.17.92 1.606 1.73 1.606.91 0 1.482-.548 1.805-1.12.075.685.486 1.12 1.233 1.12a2.17 2.17 0 0 0 1.009-.261zm-3.436-.037c-.486 0-.66-.286-.66-.647 0-.6.498-.772 1.07-.772.26 0 .548.037.81.075-.037.934-.647 1.345-1.22 1.345zM41.262 11.1l-2.428 8.554h-1.58L39.68 11.1zM38 11.1l-2.428 8.554h-1.58L36.42 11.1zm-6.723 2.95h1.68v2.017h-1.68zm0 3.598h1.68v2.017h-1.68zm-2.453-.075l1.27.125-.35 1.967h-4.893l-.162-.847 3.088-3.548h-1.756l-.25.872-1.158-.125.2-1.967h4.918l.125.847-3.113 3.548h1.818zm-8.03-3.636c-2.017 0-3.013 1.357-3.013 3 0 1.793 1.195 2.85 2.926 2.85 1.793 0 3.088-1.133 3.088-2.926 0-1.57-.984-2.926-3-2.926zm-.037 4.607c-.872 0-1.32-.747-1.32-1.718 0-1.058.5-1.668 1.332-1.668.76 0 1.37.5 1.37 1.644 0 1.083-.548 1.743-1.382 1.743zm-4.42-.112h.747v1.22h-2.34v-3.15c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h.747v1.22h-2.353v-3.163c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h1.07v1.22H6.71v-1.22h.747V15.27H6.71v-1.22h2.353v.847c.336-.598.92-.96 1.706-.96.81 0 1.556.386 1.83 1.208.31-.747.946-1.208 1.83-1.208 1.01 0 1.93.6 1.93 1.942v2.552z"
fill="#fff"
/>
</svg>
</div> </div>
<div class="pt-2"> <div class="col-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="44"><path d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"/></svg> <svg
<p class="bold">Not satisfied?<br/>We offer a 100% Money Back Guarantee.</p> xmlns="http://www.w3.org/2000/svg"
width="200"
height="120"
viewBox="0 0 52.917 31.75"
>
<desc>Tor Project logo</desc>
<g transform="matrix(.165566 0 0 .165566 13.991153 8.3417)">
<path
d="M84.9 6.8l-2.4 9.6C85.9 9.6 91.4 4.5 97.7 0c-4.6 5.3-8.8 10.6-11.3 16C90.7 9.9 96.5 6.6 103 4.3 94.3 12 87.4 20.4 82.2 28.7L78 26.9c.7-6.7 3.2-13.5 6.9-20.1z"
fill="#68b044"
/>
<path
d="M73.8 25.1l7.9 3.3c0 2-.2 8.2 1.1 10 13.2 17 11 51.2-2.7 52-20.8 0-28.8-14.1-28.8-27.1 0-11.9 14.2-19.7 22.7-26.7 2.3-1.9 1.9-6.1-.2-11.5z"
fill="#f5f8de"
/>
<path
d="M81.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z"
fill="#7e4798"
/>
<g fill="#010101">
<path
d="M78.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"
/>
<path
d="M80.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"
/>
<path
d="M80.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3zm.4-29.5c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"
/>
<path
d="M81.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"
/>
</g>
<path
d="M3.8 8.8h54.1c2 0 3.8 1.7 3.8 3.8v16c0 2.1-1.8 3.8-3.8 3.8H46.8c-2.5 0-3.6 1.4-3.6 3v52.3a3.05 3.05 0 0 1-3.1 3.1H21.7c-1.7 0-3-1.3-3-3.1V34.9c0-1.6-1.5-2.6-2.6-2.6H3.8A3.8 3.8 0 0 1 0 28.5v-16c0-2 1.7-3.7 3.8-3.7zM142.6 30h4.8c1.8 0 3.2 1.4 3.2 3.1v17.1c0 2.2.1 3.1-2.6 3.1-5.3 0-7.7 2.8-7.7 5.9v28.9c0 1.3-1.3 2.5-2.8 2.5h-17.2c-1.5 0-2.8-1.1-2.8-2.5V55.2c0-.6 0-1.4.1-1.9.9-12.2 10.5-21.9 22.6-23.2.3 0 1.7-.1 2.4-.1z"
fill="#7e4798"
/>
<path
d="M101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3a24.9 24.9 0 0 0 9-19.1c0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z"
fill="#010101"
/>
</g>
<script />
</svg>
</div> </div>
<div class="pt-2 pb-2"> <div class="col-sm">
<p>Questions? <a href="mailto:hello@ura.design">Contact us</a>.</p> <svg
xmlns="http://www.w3.org/2000/svg"
width="200"
height="120"
viewBox="0 0 52.917 31.75"
>
<desc>Linux Foundation logo</desc>
<path
d="M21.7 18.56v-5.517h1.7v4.105h2.442v1.412zm5.255-5.517h1.7v5.517h-1.7zm2.967 5.517v-5.517h1.74l1.606 2.953h.017v-2.953h1.606v5.517h-1.654l-1.692-3.012h-.017v3.012zm11.25-2.13c0 1.538-.812 2.264-2.513 2.264s-2.52-.726-2.52-2.264v-3.386h1.7v3.007c0 .556 0 1.268.828 1.268s.804-.7.804-1.268v-3.007h1.7v3.386zm.712 2.13l1.992-2.936-1.815-2.58h1.995l.833 1.5.82-1.5h1.886l-1.77 2.598 1.968 2.92h-2.047l-.944-1.644-.972 1.644z"
fill="#003764"
/>
<path
d="M13.6 20.115H7.952v-5.65h-2.83v8.475H13.6z"
fill="#009bde"
/>
<path
d="M7.947 13.048v-1.4h8.477v8.468h-1.4v2.825h4.235V8.8H5.124v4.237z"
fill="#003764"
/>
</svg>
</div> </div>
</div>
</div>
<div class="pt-2">
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="44">
<path
d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"
/>
</svg>
<p class="bold">
Not satisfied?<br />We offer a 100% Money Back Guarantee.
</p>
</div>
<div class="pt-2 pb-2">
<p>Questions? <a href="mailto:hello@ura.design">Contact us</a>.</p>
</div> </div>
</div>
</div> </div>

242
_includes/de/contact.html
View File

@ -1,65 +1,205 @@
<div id="form" class="bg-mute"> <div id="form" class="bg-mute">
<div class="wrapper center"> <div class="wrapper center">
<svg width="46" height="44" viewBox="0 0 46 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path d="M21.0979 1.8541C21.6966 0.0114772 24.3034 0.0114801 24.9021 1.8541L28.8374 13.9656C29.1051 14.7896 29.873 15.3475 30.7395 15.3475H43.4742C45.4117 15.3475 46.2172 17.8268 44.6498 18.9656L34.3472 26.4509C33.6462 26.9601 33.3529 27.8629 33.6206 28.6869L37.5559 40.7984C38.1546 42.641 36.0456 44.1732 34.4782 43.0344L24.1756 35.5492C23.4746 35.0399 22.5254 35.0399 21.8244 35.5492L11.5218 43.0344C9.95438 44.1732 7.84542 42.641 8.44413 40.7984L12.3794 28.6869C12.6471 27.8629 12.3538 26.9601 11.6528 26.4509L1.35021 18.9656C-0.217217 17.8268 0.588336 15.3475 2.52578 15.3475H15.2605C16.127 15.3475 16.8949 14.7896 17.1626 13.9656L21.0979 1.8541Z" fill="black"/> width="46"
</svg> height="44"
<p class="bold heading">Hol dir dein eigenes Logo</p> viewBox="0 0 46 44"
<p class="mb-3">Hol dir dein eigenes minimales Logo mit einer Bearbeitungszeit die dir passt.</p> fill="none"
<hr> xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.0979 1.8541C21.6966 0.0114772 24.3034 0.0114801 24.9021 1.8541L28.8374 13.9656C29.1051 14.7896 29.873 15.3475 30.7395 15.3475H43.4742C45.4117 15.3475 46.2172 17.8268 44.6498 18.9656L34.3472 26.4509C33.6462 26.9601 33.3529 27.8629 33.6206 28.6869L37.5559 40.7984C38.1546 42.641 36.0456 44.1732 34.4782 43.0344L24.1756 35.5492C23.4746 35.0399 22.5254 35.0399 21.8244 35.5492L11.5218 43.0344C9.95438 44.1732 7.84542 42.641 8.44413 40.7984L12.3794 28.6869C12.6471 27.8629 12.3538 26.9601 11.6528 26.4509L1.35021 18.9656C-0.217217 17.8268 0.588336 15.3475 2.52578 15.3475H15.2605C16.127 15.3475 16.8949 14.7896 17.1626 13.9656L21.0979 1.8541Z"
fill="black"
/>
</svg>
<p class="bold heading">Hol dir dein eigenes Logo</p>
<p class="mb-3">
Hol dir dein eigenes minimales Logo mit einer Bearbeitungszeit die dir
passt.
</p>
<hr />
<div class="pt-3 pb-2 align-left"> <div class="pt-3 pb-2 align-left">
<form action="https://formspree.io/logobridge@ura.design" method="POST"> <form action="https://formspree.io/logobridge@ura.design" method="POST">
<label for="name">Wie ist der <strong>Name</strong> deines Projektes wofür du ein Logo brauchst?</label> <label for="name"
<input id="name" name='name' placeholder='Project Name' type='text' required> >Wie ist der <strong>Name</strong> deines Projektes wofür du ein Logo
<div class="pt-2"> brauchst?</label
<label for="E-mail">Wie ist deine <strong>Email Adresse</strong>?</label> >
<input id="E-mail" name='E-mail' placeholder='E-Mail' type='email' required> <input
</div> id="name"
<div class="pt-2"> name="name"
<label for="message">Erzähle uns mehr über dein Projekt. Was für ein Logostil gefällt dir? Wer ist das Publikum und was willst du mit dem Projekt erreichen? Hilf uns, dir zu helfen.</label> placeholder="Project Name"
<textarea id="message" name='message' placeholder='' required></textarea> type="text"
</div> required
<div class="pt-2"> />
<label for="budget">Nenne einen <strong>Preis</strong> (USD $)</label> <div class="pt-2">
<input id="budget" name='budget' placeholder='' type='number' min="100" max="9999999" required oninvalid="setCustomValidity('Minimum price is $100 USD')" oninput="setCustomValidity('')"> <label for="E-mail"
</div> >Wie ist deine <strong>Email Adresse</strong>?</label
<div class="center pt-3"> >
<input class="button-submit" type="submit" value="Logo-Anfrage senden"> <input
<p class="pt-1 size-14">*Form mit <a href="https://formspree.io" target="_blank" rel="noopener">Formspree</a> gebaut id="E-mail"
</div> name="E-mail"
</form> placeholder="E-Mail"
type="email"
required
/>
</div> </div>
<p class="pt-1 pb-2">Jedes Logo bekommt von uns dieselbe vollwertige Behandlung. Je höher dein Gebot ist, desto schneller können wir dein Logo entwerfen.</p>
<hr>
<div class="pt-2"> <div class="pt-2">
<p class="bold">Unsere Kunden:</p> <label for="message"
<div class="row grayscale"> >Erzähle uns mehr über dein Projekt. Was für ein Logostil gefällt
dir? Wer ist das Publikum und was willst du mit dem Projekt
<div class="col-sm"> erreichen? Hilf uns, dir zu helfen.</label
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.917 31.75" height="120" width="200"><desc>Mozilla logo</desc><path d="M4.047 9.47H48.87V22.28H4.047z"/><path d="M46.853 18.67c-.087.025-.162.037-.237.037-.26 0-.386-.112-.386-.436v-2.428c0-1.282-1.02-1.905-2.23-1.905-.92 0-1.42.112-2.403.5l-.2 1.295 1.282.137.187-.635c.26-.137.523-.162.86-.162.91 0 .92.685.92 1.258v.187a7.35 7.35 0 0 0-.921-.05c-1.282 0-2.615.324-2.615 1.706 0 1.17.92 1.606 1.73 1.606.91 0 1.482-.548 1.805-1.12.075.685.486 1.12 1.233 1.12a2.17 2.17 0 0 0 1.009-.261zm-3.436-.037c-.486 0-.66-.286-.66-.647 0-.6.498-.772 1.07-.772.26 0 .548.037.81.075-.037.934-.647 1.345-1.22 1.345zM41.262 11.1l-2.428 8.554h-1.58L39.68 11.1zM38 11.1l-2.428 8.554h-1.58L36.42 11.1zm-6.723 2.95h1.68v2.017h-1.68zm0 3.598h1.68v2.017h-1.68zm-2.453-.075l1.27.125-.35 1.967h-4.893l-.162-.847 3.088-3.548h-1.756l-.25.872-1.158-.125.2-1.967h4.918l.125.847-3.113 3.548h1.818zm-8.03-3.636c-2.017 0-3.013 1.357-3.013 3 0 1.793 1.195 2.85 2.926 2.85 1.793 0 3.088-1.133 3.088-2.926 0-1.57-.984-2.926-3-2.926zm-.037 4.607c-.872 0-1.32-.747-1.32-1.718 0-1.058.5-1.668 1.332-1.668.76 0 1.37.5 1.37 1.644 0 1.083-.548 1.743-1.382 1.743zm-4.42-.112h.747v1.22h-2.34v-3.15c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h.747v1.22h-2.353v-3.163c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h1.07v1.22H6.71v-1.22h.747V15.27H6.71v-1.22h2.353v.847c.336-.598.92-.96 1.706-.96.81 0 1.556.386 1.83 1.208.31-.747.946-1.208 1.83-1.208 1.01 0 1.93.6 1.93 1.942v2.552z" fill="#fff"/></svg> >
</div> <textarea
id="message"
name="message"
placeholder=""
required
></textarea>
</div>
<div class="pt-2">
<label for="budget">Nenne einen <strong>Preis</strong> (USD $)</label>
<input
id="budget"
name="budget"
placeholder=""
type="number"
min="100"
max="9999999"
required
oninvalid="setCustomValidity('Minimum price is $100 USD')"
oninput="setCustomValidity('')"
/>
</div>
<div class="center pt-3">
<input
class="button-submit"
type="submit"
value="Logo-Anfrage senden"
/>
<p class="pt-1 size-14">
*Form mit
<a href="https://formspree.io" target="_blank" rel="noopener"
>Formspree</a
>
gebaut
</p>
</div>
</form>
</div>
<div class="col-sm"> <p class="pt-1 pb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Tor Project logo</desc><g transform="matrix(.165566 0 0 .165566 13.991153 8.3417)"><path d="M84.9 6.8l-2.4 9.6C85.9 9.6 91.4 4.5 97.7 0c-4.6 5.3-8.8 10.6-11.3 16C90.7 9.9 96.5 6.6 103 4.3 94.3 12 87.4 20.4 82.2 28.7L78 26.9c.7-6.7 3.2-13.5 6.9-20.1z" fill="#68b044"/><path d="M73.8 25.1l7.9 3.3c0 2-.2 8.2 1.1 10 13.2 17 11 51.2-2.7 52-20.8 0-28.8-14.1-28.8-27.1 0-11.9 14.2-19.7 22.7-26.7 2.3-1.9 1.9-6.1-.2-11.5z" fill="#f5f8de"/><path d="M81.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z" fill="#7e4798"/><g fill="#010101"><path d="M78.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"/><path d="M80.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"/><path d="M80.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3zm.4-29.5c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"/><path d="M81.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"/></g><path d="M3.8 8.8h54.1c2 0 3.8 1.7 3.8 3.8v16c0 2.1-1.8 3.8-3.8 3.8H46.8c-2.5 0-3.6 1.4-3.6 3v52.3a3.05 3.05 0 0 1-3.1 3.1H21.7c-1.7 0-3-1.3-3-3.1V34.9c0-1.6-1.5-2.6-2.6-2.6H3.8A3.8 3.8 0 0 1 0 28.5v-16c0-2 1.7-3.7 3.8-3.7zM142.6 30h4.8c1.8 0 3.2 1.4 3.2 3.1v17.1c0 2.2.1 3.1-2.6 3.1-5.3 0-7.7 2.8-7.7 5.9v28.9c0 1.3-1.3 2.5-2.8 2.5h-17.2c-1.5 0-2.8-1.1-2.8-2.5V55.2c0-.6 0-1.4.1-1.9.9-12.2 10.5-21.9 22.6-23.2.3 0 1.7-.1 2.4-.1z" fill="#7e4798"/><path d="M101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3a24.9 24.9 0 0 0 9-19.1c0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z" fill="#010101"/></g><script/></svg> Jedes Logo bekommt von uns dieselbe vollwertige Behandlung. Je höher dein
</div> Gebot ist, desto schneller können wir dein Logo entwerfen.
</p>
<div class="col-sm"> <hr />
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Linux Foundation logo</desc><path d="M21.7 18.56v-5.517h1.7v4.105h2.442v1.412zm5.255-5.517h1.7v5.517h-1.7zm2.967 5.517v-5.517h1.74l1.606 2.953h.017v-2.953h1.606v5.517h-1.654l-1.692-3.012h-.017v3.012zm11.25-2.13c0 1.538-.812 2.264-2.513 2.264s-2.52-.726-2.52-2.264v-3.386h1.7v3.007c0 .556 0 1.268.828 1.268s.804-.7.804-1.268v-3.007h1.7v3.386zm.712 2.13l1.992-2.936-1.815-2.58h1.995l.833 1.5.82-1.5h1.886l-1.77 2.598 1.968 2.92h-2.047l-.944-1.644-.972 1.644z" fill="#003764"/><path d="M13.6 20.115H7.952v-5.65h-2.83v8.475H13.6z" fill="#009bde"/><path d="M7.947 13.048v-1.4h8.477v8.468h-1.4v2.825h4.235V8.8H5.124v4.237z" fill="#003764"/></svg>
</div>
</div> <div class="pt-2">
<p class="bold">Unsere Kunden:</p>
<div class="row grayscale">
<div class="col-sm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 52.917 31.75"
height="120"
width="200"
>
<desc>Mozilla logo</desc>
<path d="M4.047 9.47H48.87V22.28H4.047z" />
<path
d="M46.853 18.67c-.087.025-.162.037-.237.037-.26 0-.386-.112-.386-.436v-2.428c0-1.282-1.02-1.905-2.23-1.905-.92 0-1.42.112-2.403.5l-.2 1.295 1.282.137.187-.635c.26-.137.523-.162.86-.162.91 0 .92.685.92 1.258v.187a7.35 7.35 0 0 0-.921-.05c-1.282 0-2.615.324-2.615 1.706 0 1.17.92 1.606 1.73 1.606.91 0 1.482-.548 1.805-1.12.075.685.486 1.12 1.233 1.12a2.17 2.17 0 0 0 1.009-.261zm-3.436-.037c-.486 0-.66-.286-.66-.647 0-.6.498-.772 1.07-.772.26 0 .548.037.81.075-.037.934-.647 1.345-1.22 1.345zM41.262 11.1l-2.428 8.554h-1.58L39.68 11.1zM38 11.1l-2.428 8.554h-1.58L36.42 11.1zm-6.723 2.95h1.68v2.017h-1.68zm0 3.598h1.68v2.017h-1.68zm-2.453-.075l1.27.125-.35 1.967h-4.893l-.162-.847 3.088-3.548h-1.756l-.25.872-1.158-.125.2-1.967h4.918l.125.847-3.113 3.548h1.818zm-8.03-3.636c-2.017 0-3.013 1.357-3.013 3 0 1.793 1.195 2.85 2.926 2.85 1.793 0 3.088-1.133 3.088-2.926 0-1.57-.984-2.926-3-2.926zm-.037 4.607c-.872 0-1.32-.747-1.32-1.718 0-1.058.5-1.668 1.332-1.668.76 0 1.37.5 1.37 1.644 0 1.083-.548 1.743-1.382 1.743zm-4.42-.112h.747v1.22h-2.34v-3.15c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h.747v1.22h-2.353v-3.163c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h1.07v1.22H6.71v-1.22h.747V15.27H6.71v-1.22h2.353v.847c.336-.598.92-.96 1.706-.96.81 0 1.556.386 1.83 1.208.31-.747.946-1.208 1.83-1.208 1.01 0 1.93.6 1.93 1.942v2.552z"
fill="#fff"
/>
</svg>
</div> </div>
<div class="pt-2"> <div class="col-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="44"><path d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"/></svg> <svg
<p class="bold">Nicht zufrieden?<br/>Wir bieten eine 100% Geld-zurück-Garantie.</p> xmlns="http://www.w3.org/2000/svg"
width="200"
height="120"
viewBox="0 0 52.917 31.75"
>
<desc>Tor Project logo</desc>
<g transform="matrix(.165566 0 0 .165566 13.991153 8.3417)">
<path
d="M84.9 6.8l-2.4 9.6C85.9 9.6 91.4 4.5 97.7 0c-4.6 5.3-8.8 10.6-11.3 16C90.7 9.9 96.5 6.6 103 4.3 94.3 12 87.4 20.4 82.2 28.7L78 26.9c.7-6.7 3.2-13.5 6.9-20.1z"
fill="#68b044"
/>
<path
d="M73.8 25.1l7.9 3.3c0 2-.2 8.2 1.1 10 13.2 17 11 51.2-2.7 52-20.8 0-28.8-14.1-28.8-27.1 0-11.9 14.2-19.7 22.7-26.7 2.3-1.9 1.9-6.1-.2-11.5z"
fill="#f5f8de"
/>
<path
d="M81.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z"
fill="#7e4798"
/>
<g fill="#010101">
<path
d="M78.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"
/>
<path
d="M80.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"
/>
<path
d="M80.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3zm.4-29.5c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"
/>
<path
d="M81.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"
/>
</g>
<path
d="M3.8 8.8h54.1c2 0 3.8 1.7 3.8 3.8v16c0 2.1-1.8 3.8-3.8 3.8H46.8c-2.5 0-3.6 1.4-3.6 3v52.3a3.05 3.05 0 0 1-3.1 3.1H21.7c-1.7 0-3-1.3-3-3.1V34.9c0-1.6-1.5-2.6-2.6-2.6H3.8A3.8 3.8 0 0 1 0 28.5v-16c0-2 1.7-3.7 3.8-3.7zM142.6 30h4.8c1.8 0 3.2 1.4 3.2 3.1v17.1c0 2.2.1 3.1-2.6 3.1-5.3 0-7.7 2.8-7.7 5.9v28.9c0 1.3-1.3 2.5-2.8 2.5h-17.2c-1.5 0-2.8-1.1-2.8-2.5V55.2c0-.6 0-1.4.1-1.9.9-12.2 10.5-21.9 22.6-23.2.3 0 1.7-.1 2.4-.1z"
fill="#7e4798"
/>
<path
d="M101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3a24.9 24.9 0 0 0 9-19.1c0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z"
fill="#010101"
/>
</g>
<script />
</svg>
</div> </div>
<div class="pt-2 pb-2"> <div class="col-sm">
<p>Fragen? <a href="mailto:hello@ura.design">Kontaktiere uns</a>.</p> <svg
xmlns="http://www.w3.org/2000/svg"
width="200"
height="120"
viewBox="0 0 52.917 31.75"
>
<desc>Linux Foundation logo</desc>
<path
d="M21.7 18.56v-5.517h1.7v4.105h2.442v1.412zm5.255-5.517h1.7v5.517h-1.7zm2.967 5.517v-5.517h1.74l1.606 2.953h.017v-2.953h1.606v5.517h-1.654l-1.692-3.012h-.017v3.012zm11.25-2.13c0 1.538-.812 2.264-2.513 2.264s-2.52-.726-2.52-2.264v-3.386h1.7v3.007c0 .556 0 1.268.828 1.268s.804-.7.804-1.268v-3.007h1.7v3.386zm.712 2.13l1.992-2.936-1.815-2.58h1.995l.833 1.5.82-1.5h1.886l-1.77 2.598 1.968 2.92h-2.047l-.944-1.644-.972 1.644z"
fill="#003764"
/>
<path
d="M13.6 20.115H7.952v-5.65h-2.83v8.475H13.6z"
fill="#009bde"
/>
<path
d="M7.947 13.048v-1.4h8.477v8.468h-1.4v2.825h4.235V8.8H5.124v4.237z"
fill="#003764"
/>
</svg>
</div> </div>
</div>
</div>
<div class="pt-2">
<svg xmlns="http://www.w3.org/2000/svg" width="46" height="44">
<path
d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"
/>
</svg>
<p class="bold">
Nicht zufrieden?<br />Wir bieten eine 100% Geld-zurück-Garantie.
</p>
</div>
<div class="pt-2 pb-2">
<p>Fragen? <a href="mailto:hello@ura.design">Kontaktiere uns</a>.</p>
</div> </div>
</div>
</div> </div>

42
_includes/de/footer.html
View File

@ -1,9 +1,37 @@
<div class="footer center"> <div class="footer center">
<p><svg width="42" height="39" viewBox="0 0 42 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <p>
<path d="M9.49995 38.1002L16.4 18.7002C10.593 19.4419 5.13272 21.8764 0.699951 25.7002C1.88641 30.8309 5.04853 35.2866 9.49995 38.1002" fill="#B2B2B2"/> <svg
<path d="M31.9001 38.1002C36.3487 35.2627 39.5354 30.8228 40.8001 25.7002C36.3673 21.8764 30.9071 19.4419 25.1001 18.7002L31.9001 38.1002Z" fill="#B2B2B2"/> width="42"
<path d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65" fill="#B2B2B2"/> height="39"
</svg></p> viewBox="0 0 42 39"
<p> <a href="https://ura.design" target="_blank" rel="noopener">Von Ura Design</a> mit ❤️ gebastelt<br> fill="none"
Mitwirken: <a href="https://github.com/uracreative/logobridge" target="_blank" rel="noopener">GitHub</a></p> xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.49995 38.1002L16.4 18.7002C10.593 19.4419 5.13272 21.8764 0.699951 25.7002C1.88641 30.8309 5.04853 35.2866 9.49995 38.1002"
fill="#B2B2B2"
/>
<path
d="M31.9001 38.1002C36.3487 35.2627 39.5354 30.8228 40.8001 25.7002C36.3673 21.8764 30.9071 19.4419 25.1001 18.7002L31.9001 38.1002Z"
fill="#B2B2B2"
/>
<path
d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65"
fill="#B2B2B2"
/>
</svg>
</p>
<p>
<a href="https://ura.design" target="_blank" rel="noopener"
>Von Ura Design</a
>
mit ❤️ gebastelt<br />
Mitwirken:
<a
href="https://github.com/uracreative/logobridge"
target="_blank"
rel="noopener"
>GitHub</a
>
</p>
</div> </div>

99
_includes/de/header.html
View File

@ -1,34 +1,83 @@
<div class="site-header"> <div class="site-header">
<nav class="site-nav">
<a class="page-link language" href="{{ site.url }}">EN</a>
<a class="page-link" href="mailto:hello@ura.design"
><i class="fas fa-envelope"></i
></a>
</nav>
<nav class="site-nav"> <div class="wrapper">
<a class="page-link language" href="{{ site.url }}">EN</a> <a href="{{ site.url }}/de"
<a class="page-link" href="mailto:hello@ura.design"><i class="fas fa-envelope"></i></a> ><svg
</nav> width="214"
height="64"
<div class="wrapper"> viewBox="0 0 214 64"
<a href="{{ site.url }}/de"><svg width="214" height="64" viewBox="0 0 214 64" fill="none" xmlns="http://www.w3.org/2000/svg"> fill="none"
<path d="M53.3959 24.8843L12.2045 1.10215C6.78014 -2.02948 0 1.88529 0 8.14855V55.7126C0 61.9758 6.78014 65.8903 12.2045 62.7587L53.3962 38.9765C58.8203 35.8452 58.8203 28.0159 53.3959 24.8843ZM22.5752 45.4954H16.2004C13.0863 45.4954 10.5618 42.9708 10.5618 39.8568V12.7381H16.9366C20.0506 12.7381 22.5752 15.2626 22.5752 18.3767V45.4954ZM30.7067 45.4954C27.3796 45.4954 24.6822 42.7982 24.6822 39.4708C24.6822 36.1437 27.3793 33.4463 30.7067 33.4463C34.0338 33.4463 36.7313 36.1434 36.7313 39.4708C36.7313 42.7982 34.0341 45.4954 30.7067 45.4954Z" fill="white"/> xmlns="http://www.w3.org/2000/svg"
<path d="M68.8884 44.3257H71.7225V20.8038L68.8884 22.1396V44.3257Z" fill="white"/> >
<path d="M82.8318 27.2866C80.5729 27.2866 78.7807 28.0635 77.4566 29.616C76.1315 31.1694 75.469 33.3033 75.469 36.018C75.469 38.7333 76.1312 40.8616 77.4566 42.4035C78.7811 43.9459 80.5729 44.7169 82.8318 44.7169C85.0907 44.7169 86.8825 43.9403 88.2073 42.3872C89.532 40.8347 90.1946 38.7005 90.1946 35.9851C90.1946 33.2705 89.532 31.1422 88.2073 29.6C86.8825 28.0579 85.0907 27.2866 82.8318 27.2866ZM86.1388 40.465C85.3457 41.5401 84.2436 42.0777 82.8318 42.0777C81.4196 42.0777 80.3179 41.5398 79.525 40.465C78.7322 39.3899 78.3359 37.9076 78.3359 36.018C78.3359 34.0852 78.7322 32.581 79.525 31.5062C80.3176 30.4308 81.4196 29.8935 82.8318 29.8935C84.2436 29.8935 85.3454 30.4367 86.1388 31.5222C86.9314 32.6089 87.328 34.0962 87.328 35.9855C87.328 37.8966 86.9314 39.3899 86.1388 40.465Z" fill="white"/> <path
<path d="M103.943 29.0459C102.879 27.873 101.478 27.2866 99.7402 27.2866C97.6768 27.2866 96.0102 28.0635 94.7394 29.616C93.4688 31.1694 92.8335 33.2924 92.8335 35.9851C92.8335 38.7659 93.4797 40.9158 94.7719 42.4357C96.0638 43.9563 97.6877 44.7166 99.6424 44.7166C101.532 44.7166 102.965 44.0437 103.943 42.6964V44.7166C103.943 45.9323 103.481 46.8934 102.558 47.5995C101.635 48.3049 99.9682 48.7234 97.5574 48.8537L98.9257 51.0691C101.445 50.9169 103.383 50.2762 104.741 49.1466C106.098 48.0173 106.777 46.1823 106.777 43.6411V27.6776H103.943V29.0459H103.943ZM103.943 39.732C103.53 40.4484 102.982 41.0186 102.298 41.4421C101.613 41.8659 100.924 42.0777 100.229 42.0777C98.8819 42.0777 97.7905 41.5351 96.9547 40.4484C96.1183 39.3627 95.7004 37.875 95.7004 35.9851C95.7004 34.0307 96.0857 32.5271 96.857 31.4733C97.6276 30.4201 98.7515 29.8932 100.229 29.8932C100.88 29.8932 101.565 30.1 102.281 30.5122C102.998 30.9248 103.552 31.4573 103.943 32.1089V39.732Z" fill="white"/> d="M53.3959 24.8843L12.2045 1.10215C6.78014 -2.02948 0 1.88529 0 8.14855V55.7126C0 61.9758 6.78014 65.8903 12.2045 62.7587L53.3962 38.9765C58.8203 35.8452 58.8203 28.0159 53.3959 24.8843ZM22.5752 45.4954H16.2004C13.0863 45.4954 10.5618 42.9708 10.5618 39.8568V12.7381H16.9366C20.0506 12.7381 22.5752 15.2626 22.5752 18.3767V45.4954ZM30.7067 45.4954C27.3796 45.4954 24.6822 42.7982 24.6822 39.4708C24.6822 36.1437 27.3793 33.4463 30.7067 33.4463C34.0338 33.4463 36.7313 36.1434 36.7313 39.4708C36.7313 42.7982 34.0341 45.4954 30.7067 45.4954Z"
<path d="M117.723 27.2866C115.464 27.2866 113.672 28.0635 112.348 29.616C111.023 31.1694 110.361 33.3033 110.361 36.018C110.361 38.7333 111.023 40.8616 112.348 42.4035C113.673 43.9459 115.464 44.7169 117.723 44.7169C119.982 44.7169 121.774 43.9403 123.099 42.3872C124.424 40.8347 125.086 38.7005 125.086 35.9851C125.086 33.2705 124.424 31.1422 123.099 29.6C121.774 28.0579 119.982 27.2866 117.723 27.2866ZM121.03 40.465C120.237 41.5401 119.135 42.0777 117.723 42.0777C116.311 42.0777 115.21 41.5398 114.417 40.465C113.624 39.3899 113.228 37.9076 113.228 36.018C113.228 34.0852 113.624 32.581 114.417 31.5062C115.209 30.4308 116.311 29.8935 117.723 29.8935C119.135 29.8935 120.237 30.4367 121.03 31.5222C121.823 32.6089 122.22 34.0962 122.22 35.9855C122.22 37.8966 121.823 39.3899 121.03 40.465Z" fill="white"/> fill="white"
<path d="M135.707 27.2868C134.034 27.2868 132.644 27.8948 131.536 29.1112V20.8036L128.702 22.1393V44.3254H131.536V42.892C132.796 44.1083 134.219 44.7164 135.804 44.7164C137.932 44.7164 139.599 43.9621 140.805 42.4518C142.011 40.9426 142.613 38.7867 142.613 35.9847C142.613 33.27 141.983 31.1417 140.723 29.5995C139.464 28.058 137.792 27.2868 135.707 27.2868ZM138.622 40.4652C137.895 41.5403 136.825 42.0778 135.413 42.0778C134.632 42.0778 133.893 41.877 133.198 41.4748C132.503 41.0732 131.949 40.525 131.537 39.8296V32.1087C131.862 31.5439 132.373 31.0333 133.068 30.5772C133.763 30.1211 134.545 29.8931 135.413 29.8931C136.825 29.8931 137.895 30.4143 138.622 31.4568C139.35 32.4994 139.714 34.0089 139.714 35.985C139.714 37.8968 139.35 39.3901 138.622 40.4652Z" fill="white"/> />
<path d="M149.031 29.8607V27.6776H146.197V44.3257H149.031V34.9427C149.031 33.2273 149.406 31.9893 150.155 31.229C150.905 30.4691 151.768 30.0884 152.746 30.0884C153.636 30.0884 154.428 30.3281 155.124 30.8055L155.548 28.134C154.874 27.5695 154.016 27.287 152.974 27.287C151.127 27.2867 149.813 28.145 149.031 29.8607Z" fill="white"/> <path
<path d="M160.76 27.6776H157.926V44.3257H160.76V27.6776Z" fill="white"/> d="M68.8884 44.3257H71.7225V20.8038L68.8884 22.1396V44.3257Z"
<path d="M159.327 21.0645C158.849 21.0645 158.436 21.2433 158.089 21.6017C157.741 21.9604 157.567 22.3892 157.567 22.8886C157.567 23.3666 157.735 23.7795 158.072 24.1265C158.409 24.4739 158.827 24.6478 159.327 24.6478C159.826 24.6478 160.249 24.4799 160.597 24.1428C160.944 23.8067 161.118 23.3885 161.118 22.8886C161.118 22.3889 160.944 21.9601 160.597 21.6017C160.249 21.2433 159.826 21.0645 159.327 21.0645Z" fill="white"/> fill="white"
<path d="M175.453 28.8505C174.28 27.8079 172.879 27.2867 171.25 27.2867C169.165 27.2867 167.498 28.0579 166.25 29.6001C165 31.1423 164.376 33.2705 164.376 35.9852C164.376 38.6786 164.996 40.8072 166.234 42.371C167.471 43.9347 169.144 44.7166 171.251 44.7166C172.966 44.7166 174.367 44.1518 175.453 43.0225V44.3257H178.288V20.8038L175.453 22.1396V28.8505H175.453ZM175.453 39.8295C174.562 41.3281 173.292 42.0777 171.641 42.0777C170.294 42.0777 169.225 41.5023 168.432 40.3508C167.639 39.1995 167.243 37.7448 167.243 35.9849C167.243 34.0305 167.623 32.5269 168.383 31.4731C169.144 30.4199 170.229 29.893 171.641 29.893C173.292 29.893 174.562 30.5991 175.453 32.0106V39.8295V39.8295Z" fill="white"/> />
<path d="M192.98 29.0459C191.916 27.873 190.515 27.2866 188.778 27.2866C186.714 27.2866 185.048 28.0635 183.777 29.616C182.506 31.1694 181.871 33.2924 181.871 35.9851C181.871 38.7659 182.517 40.9158 183.809 42.4357C185.101 43.9563 186.725 44.7166 188.68 44.7166C190.569 44.7166 192.003 44.0437 192.98 42.6964V44.7166C192.98 45.9323 192.518 46.8934 191.596 47.5995C190.672 48.3049 189.006 48.7234 186.595 48.8537L187.963 51.0691C190.482 50.9169 192.421 50.2762 193.778 49.1466C195.135 48.0173 195.815 46.1823 195.815 43.6411V27.6776H192.98V29.0459H192.98ZM192.98 39.732C192.568 40.4484 192.019 41.0186 191.335 41.4421C190.651 41.8659 189.961 42.0777 189.266 42.0777C187.919 42.0777 186.828 41.5351 185.992 40.4484C185.156 39.3627 184.738 37.875 184.738 35.9851C184.738 34.0307 185.123 32.5271 185.894 31.4733C186.665 30.4201 187.789 29.8932 189.266 29.8932C189.918 29.8932 190.602 30.1 191.319 30.5122C192.035 30.9248 192.589 31.4573 192.98 32.1089V39.732Z" fill="white"/> <path
<path d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z" fill="white"/> d="M82.8318 27.2866C80.5729 27.2866 78.7807 28.0635 77.4566 29.616C76.1315 31.1694 75.469 33.3033 75.469 36.018C75.469 38.7333 76.1312 40.8616 77.4566 42.4035C78.7811 43.9459 80.5729 44.7169 82.8318 44.7169C85.0907 44.7169 86.8825 43.9403 88.2073 42.3872C89.532 40.8347 90.1946 38.7005 90.1946 35.9851C90.1946 33.2705 89.532 31.1422 88.2073 29.6C86.8825 28.0579 85.0907 27.2866 82.8318 27.2866ZM86.1388 40.465C85.3457 41.5401 84.2436 42.0777 82.8318 42.0777C81.4196 42.0777 80.3179 41.5398 79.525 40.465C78.7322 39.3899 78.3359 37.9076 78.3359 36.018C78.3359 34.0852 78.7322 32.581 79.525 31.5062C80.3176 30.4308 81.4196 29.8935 82.8318 29.8935C84.2436 29.8935 85.3454 30.4367 86.1388 31.5222C86.9314 32.6089 87.328 34.0962 87.328 35.9855C87.328 37.8966 86.9314 39.3899 86.1388 40.465Z"
</svg></a> fill="white"
/>
<path
d="M103.943 29.0459C102.879 27.873 101.478 27.2866 99.7402 27.2866C97.6768 27.2866 96.0102 28.0635 94.7394 29.616C93.4688 31.1694 92.8335 33.2924 92.8335 35.9851C92.8335 38.7659 93.4797 40.9158 94.7719 42.4357C96.0638 43.9563 97.6877 44.7166 99.6424 44.7166C101.532 44.7166 102.965 44.0437 103.943 42.6964V44.7166C103.943 45.9323 103.481 46.8934 102.558 47.5995C101.635 48.3049 99.9682 48.7234 97.5574 48.8537L98.9257 51.0691C101.445 50.9169 103.383 50.2762 104.741 49.1466C106.098 48.0173 106.777 46.1823 106.777 43.6411V27.6776H103.943V29.0459H103.943ZM103.943 39.732C103.53 40.4484 102.982 41.0186 102.298 41.4421C101.613 41.8659 100.924 42.0777 100.229 42.0777C98.8819 42.0777 97.7905 41.5351 96.9547 40.4484C96.1183 39.3627 95.7004 37.875 95.7004 35.9851C95.7004 34.0307 96.0857 32.5271 96.857 31.4733C97.6276 30.4201 98.7515 29.8932 100.229 29.8932C100.88 29.8932 101.565 30.1 102.281 30.5122C102.998 30.9248 103.552 31.4573 103.943 32.1089V39.732Z"
fill="white"
/>
<path
d="M117.723 27.2866C115.464 27.2866 113.672 28.0635 112.348 29.616C111.023 31.1694 110.361 33.3033 110.361 36.018C110.361 38.7333 111.023 40.8616 112.348 42.4035C113.673 43.9459 115.464 44.7169 117.723 44.7169C119.982 44.7169 121.774 43.9403 123.099 42.3872C124.424 40.8347 125.086 38.7005 125.086 35.9851C125.086 33.2705 124.424 31.1422 123.099 29.6C121.774 28.0579 119.982 27.2866 117.723 27.2866ZM121.03 40.465C120.237 41.5401 119.135 42.0777 117.723 42.0777C116.311 42.0777 115.21 41.5398 114.417 40.465C113.624 39.3899 113.228 37.9076 113.228 36.018C113.228 34.0852 113.624 32.581 114.417 31.5062C115.209 30.4308 116.311 29.8935 117.723 29.8935C119.135 29.8935 120.237 30.4367 121.03 31.5222C121.823 32.6089 122.22 34.0962 122.22 35.9855C122.22 37.8966 121.823 39.3899 121.03 40.465Z"
fill="white"
/>
<path
d="M135.707 27.2868C134.034 27.2868 132.644 27.8948 131.536 29.1112V20.8036L128.702 22.1393V44.3254H131.536V42.892C132.796 44.1083 134.219 44.7164 135.804 44.7164C137.932 44.7164 139.599 43.9621 140.805 42.4518C142.011 40.9426 142.613 38.7867 142.613 35.9847C142.613 33.27 141.983 31.1417 140.723 29.5995C139.464 28.058 137.792 27.2868 135.707 27.2868ZM138.622 40.4652C137.895 41.5403 136.825 42.0778 135.413 42.0778C134.632 42.0778 133.893 41.877 133.198 41.4748C132.503 41.0732 131.949 40.525 131.537 39.8296V32.1087C131.862 31.5439 132.373 31.0333 133.068 30.5772C133.763 30.1211 134.545 29.8931 135.413 29.8931C136.825 29.8931 137.895 30.4143 138.622 31.4568C139.35 32.4994 139.714 34.0089 139.714 35.985C139.714 37.8968 139.35 39.3901 138.622 40.4652Z"
fill="white"
/>
<path
d="M149.031 29.8607V27.6776H146.197V44.3257H149.031V34.9427C149.031 33.2273 149.406 31.9893 150.155 31.229C150.905 30.4691 151.768 30.0884 152.746 30.0884C153.636 30.0884 154.428 30.3281 155.124 30.8055L155.548 28.134C154.874 27.5695 154.016 27.287 152.974 27.287C151.127 27.2867 149.813 28.145 149.031 29.8607Z"
fill="white"
/>
<path
d="M160.76 27.6776H157.926V44.3257H160.76V27.6776Z"
fill="white"
/>
<path
d="M159.327 21.0645C158.849 21.0645 158.436 21.2433 158.089 21.6017C157.741 21.9604 157.567 22.3892 157.567 22.8886C157.567 23.3666 157.735 23.7795 158.072 24.1265C158.409 24.4739 158.827 24.6478 159.327 24.6478C159.826 24.6478 160.249 24.4799 160.597 24.1428C160.944 23.8067 161.118 23.3885 161.118 22.8886C161.118 22.3889 160.944 21.9601 160.597 21.6017C160.249 21.2433 159.826 21.0645 159.327 21.0645Z"
fill="white"
/>
<path
d="M175.453 28.8505C174.28 27.8079 172.879 27.2867 171.25 27.2867C169.165 27.2867 167.498 28.0579 166.25 29.6001C165 31.1423 164.376 33.2705 164.376 35.9852C164.376 38.6786 164.996 40.8072 166.234 42.371C167.471 43.9347 169.144 44.7166 171.251 44.7166C172.966 44.7166 174.367 44.1518 175.453 43.0225V44.3257H178.288V20.8038L175.453 22.1396V28.8505H175.453ZM175.453 39.8295C174.562 41.3281 173.292 42.0777 171.641 42.0777C170.294 42.0777 169.225 41.5023 168.432 40.3508C167.639 39.1995 167.243 37.7448 167.243 35.9849C167.243 34.0305 167.623 32.5269 168.383 31.4731C169.144 30.4199 170.229 29.893 171.641 29.893C173.292 29.893 174.562 30.5991 175.453 32.0106V39.8295V39.8295Z"
fill="white"
/>
<path
d="M192.98 29.0459C191.916 27.873 190.515 27.2866 188.778 27.2866C186.714 27.2866 185.048 28.0635 183.777 29.616C182.506 31.1694 181.871 33.2924 181.871 35.9851C181.871 38.7659 182.517 40.9158 183.809 42.4357C185.101 43.9563 186.725 44.7166 188.68 44.7166C190.569 44.7166 192.003 44.0437 192.98 42.6964V44.7166C192.98 45.9323 192.518 46.8934 191.596 47.5995C190.672 48.3049 189.006 48.7234 186.595 48.8537L187.963 51.0691C190.482 50.9169 192.421 50.2762 193.778 49.1466C195.135 48.0173 195.815 46.1823 195.815 43.6411V27.6776H192.98V29.0459H192.98ZM192.98 39.732C192.568 40.4484 192.019 41.0186 191.335 41.4421C190.651 41.8659 189.961 42.0777 189.266 42.0777C187.919 42.0777 186.828 41.5351 185.992 40.4484C185.156 39.3627 184.738 37.875 184.738 35.9851C184.738 34.0307 185.123 32.5271 185.894 31.4733C186.665 30.4201 187.789 29.8932 189.266 29.8932C189.918 29.8932 190.602 30.1 191.319 30.5122C192.035 30.9248 192.589 31.4573 192.98 32.1089V39.732Z"
fill="white"
/>
<path
d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z"
fill="white"
/></svg
></a>
<p class="pt-2 hitline bold">Logos, ganz einfach</p> <p class="pt-2 hitline bold">Logos, ganz einfach</p>
<p>Erstelle Prototypen und erledige deine Arbeit, ohne dich um ein Logo zu kümmern. Lade ein Logo aus unserer Sammlung herunter, oder <a href="#form"> nenne uns dein Budget</a>, und wir bei <a href="https://ura.design" target="_blank" rel="noopener">Ura</a> werden dir dein maßgeschneidertes Logo erstellen.</p> <p>
Erstelle Prototypen und erledige deine Arbeit, ohne dich um ein Logo zu
kümmern. Lade ein Logo aus unserer Sammlung herunter, oder
<a href="#form"> nenne uns dein Budget</a>, und wir bei
<a href="https://ura.design" target="_blank" rel="noopener">Ura</a> werden
dir dein maßgeschneidertes Logo erstellen.
</p>
<div class="pt-2 pb-2"> <div class="pt-2 pb-2">
<a class="button-free mt-2" href="#free">Freie Logos</a> <a class="button-free mt-2" href="#free">Freie Logos</a>
<a class="button-premium mt-2" href="#form">Dein personalisiertes Logo</a> <a class="button-premium mt-2" href="#form">Dein personalisiertes Logo</a>
</div>
</div> </div>
</div>
</div> </div>

680
_includes/de/logos.html
View File

@ -1,461 +1,429 @@
<div class="wrapper"> <div class="wrapper">
<h1 class="center pt-4">Freie und kostenlose Logos</h1>
<h1 class="center pt-4">Freie und kostenlose Logos</h1> <div id="free" class="row">
<div class="col-sm center">
<div id="free" class="row"> <a class="hover-box" href="{{ site.url }}/assets/logos/44.zip" download>
<div class="box">
<div class="col-sm center"> <img src="{{ site.url }}/assets/img/44.png" alt="Logo 44" />
<a class="hover-box" href="{{ site.url }}/assets/logos/44.zip" download>
<div class="box">
<img src="{{ site.url }}/assets/img/44.png" alt="Logo 44">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/43.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/43.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/43.png" alt="Logo 43"> <img src="{{ site.url }}/assets/img/43.png" alt="Logo 43" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/42.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/42.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/42.png" alt="Logo 42" />
<img src="{{ site.url }}/assets/img/42.png" alt="Logo 42">
</div>
<button class="button-download hover-box">Herunterladen</button>
</a>
</div> </div>
<button class="button-download hover-box">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/41.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/41.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/41.png" alt="Logo 41"> <img src="{{ site.url }}/assets/img/41.png" alt="Logo 41" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/40.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/40.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/40.png" alt="Logo 40"> <img src="{{ site.url }}/assets/img/40.png" alt="Logo 40" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/39.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/39.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/39.png" alt="Logo 39" />
<img src="{{ site.url }}/assets/img/39.png" alt="Logo 39">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/38.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/38.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/38.png" alt="Logo 38"> <img src="{{ site.url }}/assets/img/38.png" alt="Logo 38" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/37.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/37.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/37.png" alt="Logo 37"> <img src="{{ site.url }}/assets/img/37.png" alt="Logo 37" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/36.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/36.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/36.png" alt="Logo 36" />
<img src="{{ site.url }}/assets/img/36.png" alt="Logo 36">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/35.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/35.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/35.png" alt="Logo 35"> <img src="{{ site.url }}/assets/img/35.png" alt="Logo 35" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/34.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/34.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/34.png" alt="Logo 34"> <img src="{{ site.url }}/assets/img/34.png" alt="Logo 34" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/33.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/33.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/33.png" alt="Logo 33" />
<img src="{{ site.url }}/assets/img/33.png" alt="Logo 33">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/32.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/32.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/32.png" alt="Logo 32"> <img src="{{ site.url }}/assets/img/32.png" alt="Logo 32" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/31.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/31.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/31.png" alt="Logo 31"> <img src="{{ site.url }}/assets/img/31.png" alt="Logo 31" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/30.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/30.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/30.png" alt="Logo 30" />
<img src="{{ site.url }}/assets/img/30.png" alt="Logo 30">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/29.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/29.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/29.png" alt="Logo 29"> <img src="{{ site.url }}/assets/img/29.png" alt="Logo 29" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/28.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/28.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/28.png" alt="Logo 28"> <img src="{{ site.url }}/assets/img/28.png" alt="Logo 28" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/27.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/27.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/27.png" alt="Logo 27" />
<img src="{{ site.url }}/assets/img/27.png" alt="Logo 27">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/26.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/26.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/26.png" alt="Logo 26"> <img src="{{ site.url }}/assets/img/26.png" alt="Logo 26" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/25.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/25.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/25.png" alt="Logo 25"> <img src="{{ site.url }}/assets/img/25.png" alt="Logo 25" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/24.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/24.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/24.png" alt="Logo 24" />
<img src="{{ site.url }}/assets/img/24.png" alt="Logo 24">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/23.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/23.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/23.png" alt="Logo 23"> <img src="{{ site.url }}/assets/img/23.png" alt="Logo 23" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/22.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/22.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/22.png" alt="Logo 22"> <img src="{{ site.url }}/assets/img/22.png" alt="Logo 22" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/21.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/21.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/21.png" alt="Logo 21" />
<img src="{{ site.url }}/assets/img/21.png" alt="Logo 21">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/20.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/20.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/20.png" alt="Logo 20"> <img src="{{ site.url }}/assets/img/20.png" alt="Logo 20" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/19.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/19.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/19.png" alt="Logo 19"> <img src="{{ site.url }}/assets/img/19.png" alt="Logo 19" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/18.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/18.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/18.png" alt="Logo 18" />
<img src="{{ site.url }}/assets/img/18.png" alt="Logo 18">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/17.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/17.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/17.png" alt="Logo 17"> <img src="{{ site.url }}/assets/img/17.png" alt="Logo 17" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/16.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/16.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/16.png" alt="Logo 16"> <img src="{{ site.url }}/assets/img/16.png" alt="Logo 16" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/15.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/15.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/15.png" alt="Logo 15" />
<img src="{{ site.url }}/assets/img/15.png" alt="Logo 15">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/14.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/14.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/14.png" alt="Logo 14"> <img src="{{ site.url }}/assets/img/14.png" alt="Logo 14" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/13.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/13.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/13.png" alt="Logo 13"> <img src="{{ site.url }}/assets/img/13.png" alt="Logo 13" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/12.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/12.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/12.png" alt="Logo 12" />
<img src="{{ site.url }}/assets/img/12.png" alt="Logo 12">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/11.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/11.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/11.png" alt="Logo 11"> <img src="{{ site.url }}/assets/img/11.png" alt="Logo 11" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/10.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/10.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/10.png" alt="Logo 10"> <img src="{{ site.url }}/assets/img/10.png" alt="Logo 10" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/9.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/9.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/9.png" alt="Logo 9" />
<img src="{{ site.url }}/assets/img/9.png" alt="Logo 9">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/8.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/8.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/8.png" alt="Logo 8"> <img src="{{ site.url }}/assets/img/8.png" alt="Logo 8" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/7.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/7.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/7.png" alt="Logo 7"> <img src="{{ site.url }}/assets/img/7.png" alt="Logo 7" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/6.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/6.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/6.png" alt="Logo 6" />
<img src="{{ site.url }}/assets/img/6.png" alt="Logo 6">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/5.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/5.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/5.png" alt="Logo 5"> <img src="{{ site.url }}/assets/img/5.png" alt="Logo 5" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/4.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/4.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/4.png" alt="Logo 4"> <img src="{{ site.url }}/assets/img/4.png" alt="Logo 4" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
<div class="row pt-2 pb-2"> <div class="row pt-2 pb-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/3.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/3.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/3.png" alt="Logo 3" />
<img src="{{ site.url }}/assets/img/3.png" alt="Logo 3">
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/2.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/2.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/2.png" alt="Logo 2"> <img src="{{ site.url }}/assets/img/2.png" alt="Logo 2" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/1.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/1.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/1.png" alt="Logo 1"> <img src="{{ site.url }}/assets/img/1.png" alt="Logo 1" />
</div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
<button class="button-download">Herunterladen</button>
</a>
</div> </div>
</div>
</div> </div>

41
_includes/footer.html
View File

@ -1,9 +1,36 @@
<div class="footer center"> <div class="footer center">
<p><svg width="42" height="39" viewBox="0 0 42 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <p>
<path d="M9.49995 38.1002L16.4 18.7002C10.593 19.4419 5.13272 21.8764 0.699951 25.7002C1.88641 30.8309 5.04853 35.2866 9.49995 38.1002" fill="#B2B2B2"/> <svg
<path d="M31.9001 38.1002C36.3487 35.2627 39.5354 30.8228 40.8001 25.7002C36.3673 21.8764 30.9071 19.4419 25.1001 18.7002L31.9001 38.1002Z" fill="#B2B2B2"/> width="42"
<path d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65" fill="#B2B2B2"/> height="39"
</svg></p> viewBox="0 0 42 39"
<p>Made with ❤️ by <a href="https://ura.design" target="_blank" rel="noopener">Ura Design</a><br> fill="none"
Contribute on <a href="https://github.com/uracreative/logobridge" target="_blank" rel="noopener">GitHub</a></p> xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.49995 38.1002L16.4 18.7002C10.593 19.4419 5.13272 21.8764 0.699951 25.7002C1.88641 30.8309 5.04853 35.2866 9.49995 38.1002"
fill="#B2B2B2"
/>
<path
d="M31.9001 38.1002C36.3487 35.2627 39.5354 30.8228 40.8001 25.7002C36.3673 21.8764 30.9071 19.4419 25.1001 18.7002L31.9001 38.1002Z"
fill="#B2B2B2"
/>
<path
d="M41.4 21.7V20.7C41.4 15.21 39.2191 9.94489 35.3371 6.06289C31.4551 2.18089 26.19 0 20.7 0C15.21 0 9.94489 2.18089 6.06289 6.06289C2.18089 9.94489 0 15.21 0 20.7V21.7C5.95492 17.1947 13.2331 14.7862 20.7 14.85C28.1591 14.7846 35.4328 17.174 41.4 21.65"
fill="#B2B2B2"
/>
</svg>
</p>
<p>
Made with ❤️ by
<a href="https://ura.design" target="_blank" rel="noopener">Ura Design</a
><br />
Contribute on
<a
href="https://github.com/uracreative/logobridge"
target="_blank"
rel="noopener"
>GitHub</a
>
</p>
</div> </div>

98
_includes/header.html
View File

@ -1,34 +1,82 @@
<div class="site-header"> <div class="site-header">
<nav class="site-nav">
<a class="page-link language" href="{{ site.url }}/de">DE</a>
<a class="page-link" href="mailto:hello@ura.design"
><i class="fas fa-envelope"></i
></a>
</nav>
<nav class="site-nav"> <div class="wrapper">
<a class="page-link language" href="{{ site.url }}/de">DE</a> <a href="{{ site.url }}"
<a class="page-link" href="mailto:hello@ura.design"><i class="fas fa-envelope"></i></a> ><svg
</nav> width="214"
height="64"
<div class="wrapper"> viewBox="0 0 214 64"
<a href="{{ site.url }}"><svg width="214" height="64" viewBox="0 0 214 64" fill="none" xmlns="http://www.w3.org/2000/svg"> fill="none"
<path d="M53.3959 24.8843L12.2045 1.10215C6.78014 -2.02948 0 1.88529 0 8.14855V55.7126C0 61.9758 6.78014 65.8903 12.2045 62.7587L53.3962 38.9765C58.8203 35.8452 58.8203 28.0159 53.3959 24.8843ZM22.5752 45.4954H16.2004C13.0863 45.4954 10.5618 42.9708 10.5618 39.8568V12.7381H16.9366C20.0506 12.7381 22.5752 15.2626 22.5752 18.3767V45.4954ZM30.7067 45.4954C27.3796 45.4954 24.6822 42.7982 24.6822 39.4708C24.6822 36.1437 27.3793 33.4463 30.7067 33.4463C34.0338 33.4463 36.7313 36.1434 36.7313 39.4708C36.7313 42.7982 34.0341 45.4954 30.7067 45.4954Z" fill="white"/> xmlns="http://www.w3.org/2000/svg"
<path d="M68.8884 44.3257H71.7225V20.8038L68.8884 22.1396V44.3257Z" fill="white"/> >
<path d="M82.8318 27.2866C80.5729 27.2866 78.7807 28.0635 77.4566 29.616C76.1315 31.1694 75.469 33.3033 75.469 36.018C75.469 38.7333 76.1312 40.8616 77.4566 42.4035C78.7811 43.9459 80.5729 44.7169 82.8318 44.7169C85.0907 44.7169 86.8825 43.9403 88.2073 42.3872C89.532 40.8347 90.1946 38.7005 90.1946 35.9851C90.1946 33.2705 89.532 31.1422 88.2073 29.6C86.8825 28.0579 85.0907 27.2866 82.8318 27.2866ZM86.1388 40.465C85.3457 41.5401 84.2436 42.0777 82.8318 42.0777C81.4196 42.0777 80.3179 41.5398 79.525 40.465C78.7322 39.3899 78.3359 37.9076 78.3359 36.018C78.3359 34.0852 78.7322 32.581 79.525 31.5062C80.3176 30.4308 81.4196 29.8935 82.8318 29.8935C84.2436 29.8935 85.3454 30.4367 86.1388 31.5222C86.9314 32.6089 87.328 34.0962 87.328 35.9855C87.328 37.8966 86.9314 39.3899 86.1388 40.465Z" fill="white"/> <path
<path d="M103.943 29.0459C102.879 27.873 101.478 27.2866 99.7402 27.2866C97.6768 27.2866 96.0102 28.0635 94.7394 29.616C93.4688 31.1694 92.8335 33.2924 92.8335 35.9851C92.8335 38.7659 93.4797 40.9158 94.7719 42.4357C96.0638 43.9563 97.6877 44.7166 99.6424 44.7166C101.532 44.7166 102.965 44.0437 103.943 42.6964V44.7166C103.943 45.9323 103.481 46.8934 102.558 47.5995C101.635 48.3049 99.9682 48.7234 97.5574 48.8537L98.9257 51.0691C101.445 50.9169 103.383 50.2762 104.741 49.1466C106.098 48.0173 106.777 46.1823 106.777 43.6411V27.6776H103.943V29.0459H103.943ZM103.943 39.732C103.53 40.4484 102.982 41.0186 102.298 41.4421C101.613 41.8659 100.924 42.0777 100.229 42.0777C98.8819 42.0777 97.7905 41.5351 96.9547 40.4484C96.1183 39.3627 95.7004 37.875 95.7004 35.9851C95.7004 34.0307 96.0857 32.5271 96.857 31.4733C97.6276 30.4201 98.7515 29.8932 100.229 29.8932C100.88 29.8932 101.565 30.1 102.281 30.5122C102.998 30.9248 103.552 31.4573 103.943 32.1089V39.732Z" fill="white"/> d="M53.3959 24.8843L12.2045 1.10215C6.78014 -2.02948 0 1.88529 0 8.14855V55.7126C0 61.9758 6.78014 65.8903 12.2045 62.7587L53.3962 38.9765C58.8203 35.8452 58.8203 28.0159 53.3959 24.8843ZM22.5752 45.4954H16.2004C13.0863 45.4954 10.5618 42.9708 10.5618 39.8568V12.7381H16.9366C20.0506 12.7381 22.5752 15.2626 22.5752 18.3767V45.4954ZM30.7067 45.4954C27.3796 45.4954 24.6822 42.7982 24.6822 39.4708C24.6822 36.1437 27.3793 33.4463 30.7067 33.4463C34.0338 33.4463 36.7313 36.1434 36.7313 39.4708C36.7313 42.7982 34.0341 45.4954 30.7067 45.4954Z"
<path d="M117.723 27.2866C115.464 27.2866 113.672 28.0635 112.348 29.616C111.023 31.1694 110.361 33.3033 110.361 36.018C110.361 38.7333 111.023 40.8616 112.348 42.4035C113.673 43.9459 115.464 44.7169 117.723 44.7169C119.982 44.7169 121.774 43.9403 123.099 42.3872C124.424 40.8347 125.086 38.7005 125.086 35.9851C125.086 33.2705 124.424 31.1422 123.099 29.6C121.774 28.0579 119.982 27.2866 117.723 27.2866ZM121.03 40.465C120.237 41.5401 119.135 42.0777 117.723 42.0777C116.311 42.0777 115.21 41.5398 114.417 40.465C113.624 39.3899 113.228 37.9076 113.228 36.018C113.228 34.0852 113.624 32.581 114.417 31.5062C115.209 30.4308 116.311 29.8935 117.723 29.8935C119.135 29.8935 120.237 30.4367 121.03 31.5222C121.823 32.6089 122.22 34.0962 122.22 35.9855C122.22 37.8966 121.823 39.3899 121.03 40.465Z" fill="white"/> fill="white"
<path d="M135.707 27.2868C134.034 27.2868 132.644 27.8948 131.536 29.1112V20.8036L128.702 22.1393V44.3254H131.536V42.892C132.796 44.1083 134.219 44.7164 135.804 44.7164C137.932 44.7164 139.599 43.9621 140.805 42.4518C142.011 40.9426 142.613 38.7867 142.613 35.9847C142.613 33.27 141.983 31.1417 140.723 29.5995C139.464 28.058 137.792 27.2868 135.707 27.2868ZM138.622 40.4652C137.895 41.5403 136.825 42.0778 135.413 42.0778C134.632 42.0778 133.893 41.877 133.198 41.4748C132.503 41.0732 131.949 40.525 131.537 39.8296V32.1087C131.862 31.5439 132.373 31.0333 133.068 30.5772C133.763 30.1211 134.545 29.8931 135.413 29.8931C136.825 29.8931 137.895 30.4143 138.622 31.4568C139.35 32.4994 139.714 34.0089 139.714 35.985C139.714 37.8968 139.35 39.3901 138.622 40.4652Z" fill="white"/> />
<path d="M149.031 29.8607V27.6776H146.197V44.3257H149.031V34.9427C149.031 33.2273 149.406 31.9893 150.155 31.229C150.905 30.4691 151.768 30.0884 152.746 30.0884C153.636 30.0884 154.428 30.3281 155.124 30.8055L155.548 28.134C154.874 27.5695 154.016 27.287 152.974 27.287C151.127 27.2867 149.813 28.145 149.031 29.8607Z" fill="white"/> <path
<path d="M160.76 27.6776H157.926V44.3257H160.76V27.6776Z" fill="white"/> d="M68.8884 44.3257H71.7225V20.8038L68.8884 22.1396V44.3257Z"
<path d="M159.327 21.0645C158.849 21.0645 158.436 21.2433 158.089 21.6017C157.741 21.9604 157.567 22.3892 157.567 22.8886C157.567 23.3666 157.735 23.7795 158.072 24.1265C158.409 24.4739 158.827 24.6478 159.327 24.6478C159.826 24.6478 160.249 24.4799 160.597 24.1428C160.944 23.8067 161.118 23.3885 161.118 22.8886C161.118 22.3889 160.944 21.9601 160.597 21.6017C160.249 21.2433 159.826 21.0645 159.327 21.0645Z" fill="white"/> fill="white"
<path d="M175.453 28.8505C174.28 27.8079 172.879 27.2867 171.25 27.2867C169.165 27.2867 167.498 28.0579 166.25 29.6001C165 31.1423 164.376 33.2705 164.376 35.9852C164.376 38.6786 164.996 40.8072 166.234 42.371C167.471 43.9347 169.144 44.7166 171.251 44.7166C172.966 44.7166 174.367 44.1518 175.453 43.0225V44.3257H178.288V20.8038L175.453 22.1396V28.8505H175.453ZM175.453 39.8295C174.562 41.3281 173.292 42.0777 171.641 42.0777C170.294 42.0777 169.225 41.5023 168.432 40.3508C167.639 39.1995 167.243 37.7448 167.243 35.9849C167.243 34.0305 167.623 32.5269 168.383 31.4731C169.144 30.4199 170.229 29.893 171.641 29.893C173.292 29.893 174.562 30.5991 175.453 32.0106V39.8295V39.8295Z" fill="white"/> />
<path d="M192.98 29.0459C191.916 27.873 190.515 27.2866 188.778 27.2866C186.714 27.2866 185.048 28.0635 183.777 29.616C182.506 31.1694 181.871 33.2924 181.871 35.9851C181.871 38.7659 182.517 40.9158 183.809 42.4357C185.101 43.9563 186.725 44.7166 188.68 44.7166C190.569 44.7166 192.003 44.0437 192.98 42.6964V44.7166C192.98 45.9323 192.518 46.8934 191.596 47.5995C190.672 48.3049 189.006 48.7234 186.595 48.8537L187.963 51.0691C190.482 50.9169 192.421 50.2762 193.778 49.1466C195.135 48.0173 195.815 46.1823 195.815 43.6411V27.6776H192.98V29.0459H192.98ZM192.98 39.732C192.568 40.4484 192.019 41.0186 191.335 41.4421C190.651 41.8659 189.961 42.0777 189.266 42.0777C187.919 42.0777 186.828 41.5351 185.992 40.4484C185.156 39.3627 184.738 37.875 184.738 35.9851C184.738 34.0307 185.123 32.5271 185.894 31.4733C186.665 30.4201 187.789 29.8932 189.266 29.8932C189.918 29.8932 190.602 30.1 191.319 30.5122C192.035 30.9248 192.589 31.4573 192.98 32.1089V39.732Z" fill="white"/> <path
<path d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z" fill="white"/> d="M82.8318 27.2866C80.5729 27.2866 78.7807 28.0635 77.4566 29.616C76.1315 31.1694 75.469 33.3033 75.469 36.018C75.469 38.7333 76.1312 40.8616 77.4566 42.4035C78.7811 43.9459 80.5729 44.7169 82.8318 44.7169C85.0907 44.7169 86.8825 43.9403 88.2073 42.3872C89.532 40.8347 90.1946 38.7005 90.1946 35.9851C90.1946 33.2705 89.532 31.1422 88.2073 29.6C86.8825 28.0579 85.0907 27.2866 82.8318 27.2866ZM86.1388 40.465C85.3457 41.5401 84.2436 42.0777 82.8318 42.0777C81.4196 42.0777 80.3179 41.5398 79.525 40.465C78.7322 39.3899 78.3359 37.9076 78.3359 36.018C78.3359 34.0852 78.7322 32.581 79.525 31.5062C80.3176 30.4308 81.4196 29.8935 82.8318 29.8935C84.2436 29.8935 85.3454 30.4367 86.1388 31.5222C86.9314 32.6089 87.328 34.0962 87.328 35.9855C87.328 37.8966 86.9314 39.3899 86.1388 40.465Z"
</svg></a> fill="white"
/>
<path
d="M103.943 29.0459C102.879 27.873 101.478 27.2866 99.7402 27.2866C97.6768 27.2866 96.0102 28.0635 94.7394 29.616C93.4688 31.1694 92.8335 33.2924 92.8335 35.9851C92.8335 38.7659 93.4797 40.9158 94.7719 42.4357C96.0638 43.9563 97.6877 44.7166 99.6424 44.7166C101.532 44.7166 102.965 44.0437 103.943 42.6964V44.7166C103.943 45.9323 103.481 46.8934 102.558 47.5995C101.635 48.3049 99.9682 48.7234 97.5574 48.8537L98.9257 51.0691C101.445 50.9169 103.383 50.2762 104.741 49.1466C106.098 48.0173 106.777 46.1823 106.777 43.6411V27.6776H103.943V29.0459H103.943ZM103.943 39.732C103.53 40.4484 102.982 41.0186 102.298 41.4421C101.613 41.8659 100.924 42.0777 100.229 42.0777C98.8819 42.0777 97.7905 41.5351 96.9547 40.4484C96.1183 39.3627 95.7004 37.875 95.7004 35.9851C95.7004 34.0307 96.0857 32.5271 96.857 31.4733C97.6276 30.4201 98.7515 29.8932 100.229 29.8932C100.88 29.8932 101.565 30.1 102.281 30.5122C102.998 30.9248 103.552 31.4573 103.943 32.1089V39.732Z"
fill="white"
/>
<path
d="M117.723 27.2866C115.464 27.2866 113.672 28.0635 112.348 29.616C111.023 31.1694 110.361 33.3033 110.361 36.018C110.361 38.7333 111.023 40.8616 112.348 42.4035C113.673 43.9459 115.464 44.7169 117.723 44.7169C119.982 44.7169 121.774 43.9403 123.099 42.3872C124.424 40.8347 125.086 38.7005 125.086 35.9851C125.086 33.2705 124.424 31.1422 123.099 29.6C121.774 28.0579 119.982 27.2866 117.723 27.2866ZM121.03 40.465C120.237 41.5401 119.135 42.0777 117.723 42.0777C116.311 42.0777 115.21 41.5398 114.417 40.465C113.624 39.3899 113.228 37.9076 113.228 36.018C113.228 34.0852 113.624 32.581 114.417 31.5062C115.209 30.4308 116.311 29.8935 117.723 29.8935C119.135 29.8935 120.237 30.4367 121.03 31.5222C121.823 32.6089 122.22 34.0962 122.22 35.9855C122.22 37.8966 121.823 39.3899 121.03 40.465Z"
fill="white"
/>
<path
d="M135.707 27.2868C134.034 27.2868 132.644 27.8948 131.536 29.1112V20.8036L128.702 22.1393V44.3254H131.536V42.892C132.796 44.1083 134.219 44.7164 135.804 44.7164C137.932 44.7164 139.599 43.9621 140.805 42.4518C142.011 40.9426 142.613 38.7867 142.613 35.9847C142.613 33.27 141.983 31.1417 140.723 29.5995C139.464 28.058 137.792 27.2868 135.707 27.2868ZM138.622 40.4652C137.895 41.5403 136.825 42.0778 135.413 42.0778C134.632 42.0778 133.893 41.877 133.198 41.4748C132.503 41.0732 131.949 40.525 131.537 39.8296V32.1087C131.862 31.5439 132.373 31.0333 133.068 30.5772C133.763 30.1211 134.545 29.8931 135.413 29.8931C136.825 29.8931 137.895 30.4143 138.622 31.4568C139.35 32.4994 139.714 34.0089 139.714 35.985C139.714 37.8968 139.35 39.3901 138.622 40.4652Z"
fill="white"
/>
<path
d="M149.031 29.8607V27.6776H146.197V44.3257H149.031V34.9427C149.031 33.2273 149.406 31.9893 150.155 31.229C150.905 30.4691 151.768 30.0884 152.746 30.0884C153.636 30.0884 154.428 30.3281 155.124 30.8055L155.548 28.134C154.874 27.5695 154.016 27.287 152.974 27.287C151.127 27.2867 149.813 28.145 149.031 29.8607Z"
fill="white"
/>
<path
d="M160.76 27.6776H157.926V44.3257H160.76V27.6776Z"
fill="white"
/>
<path
d="M159.327 21.0645C158.849 21.0645 158.436 21.2433 158.089 21.6017C157.741 21.9604 157.567 22.3892 157.567 22.8886C157.567 23.3666 157.735 23.7795 158.072 24.1265C158.409 24.4739 158.827 24.6478 159.327 24.6478C159.826 24.6478 160.249 24.4799 160.597 24.1428C160.944 23.8067 161.118 23.3885 161.118 22.8886C161.118 22.3889 160.944 21.9601 160.597 21.6017C160.249 21.2433 159.826 21.0645 159.327 21.0645Z"
fill="white"
/>
<path
d="M175.453 28.8505C174.28 27.8079 172.879 27.2867 171.25 27.2867C169.165 27.2867 167.498 28.0579 166.25 29.6001C165 31.1423 164.376 33.2705 164.376 35.9852C164.376 38.6786 164.996 40.8072 166.234 42.371C167.471 43.9347 169.144 44.7166 171.251 44.7166C172.966 44.7166 174.367 44.1518 175.453 43.0225V44.3257H178.288V20.8038L175.453 22.1396V28.8505H175.453ZM175.453 39.8295C174.562 41.3281 173.292 42.0777 171.641 42.0777C170.294 42.0777 169.225 41.5023 168.432 40.3508C167.639 39.1995 167.243 37.7448 167.243 35.9849C167.243 34.0305 167.623 32.5269 168.383 31.4731C169.144 30.4199 170.229 29.893 171.641 29.893C173.292 29.893 174.562 30.5991 175.453 32.0106V39.8295V39.8295Z"
fill="white"
/>
<path
d="M192.98 29.0459C191.916 27.873 190.515 27.2866 188.778 27.2866C186.714 27.2866 185.048 28.0635 183.777 29.616C182.506 31.1694 181.871 33.2924 181.871 35.9851C181.871 38.7659 182.517 40.9158 183.809 42.4357C185.101 43.9563 186.725 44.7166 188.68 44.7166C190.569 44.7166 192.003 44.0437 192.98 42.6964V44.7166C192.98 45.9323 192.518 46.8934 191.596 47.5995C190.672 48.3049 189.006 48.7234 186.595 48.8537L187.963 51.0691C190.482 50.9169 192.421 50.2762 193.778 49.1466C195.135 48.0173 195.815 46.1823 195.815 43.6411V27.6776H192.98V29.0459H192.98ZM192.98 39.732C192.568 40.4484 192.019 41.0186 191.335 41.4421C190.651 41.8659 189.961 42.0777 189.266 42.0777C187.919 42.0777 186.828 41.5351 185.992 40.4484C185.156 39.3627 184.738 37.875 184.738 35.9851C184.738 34.0307 185.123 32.5271 185.894 31.4733C186.665 30.4201 187.789 29.8932 189.266 29.8932C189.918 29.8932 190.602 30.1 191.319 30.5122C192.035 30.9248 192.589 31.4573 192.98 32.1089V39.732Z"
fill="white"
/>
<path
d="M213.667 35.2033C213.667 32.5973 213.021 30.6263 211.729 29.2906C210.437 27.9549 208.791 27.287 206.793 27.287C204.556 27.287 202.764 28.0582 201.418 29.6004C200.071 31.1426 199.398 33.2708 199.398 35.9855C199.398 38.5705 200.066 40.6721 201.402 42.2898C202.737 43.9081 204.534 44.7169 206.793 44.7169C208.944 44.7169 210.735 43.9999 212.169 42.5664L210.442 40.6446C209.443 41.6436 208.248 42.1429 206.858 42.1429C205.599 42.1429 204.55 41.6815 203.715 40.7583C202.878 39.8358 202.406 38.6137 202.297 37.0935H213.57C213.635 36.4416 213.667 35.8117 213.667 35.2033ZM202.265 34.682C202.351 33.0534 202.807 31.8314 203.633 31.0173C204.458 30.2028 205.511 29.7955 206.793 29.7955C207.857 29.7955 208.785 30.1815 209.578 30.9521C210.371 31.7233 210.778 32.967 210.8 34.682H202.265V34.682Z"
fill="white"
/></svg
></a>
<p class="pt-2 hitline bold">plug & play logos</p> <p class="pt-2 hitline bold">plug & play logos</p>
<p>Build MVP products and get work done without worrying about a logo. Get one from our library and get started, or <a href="#form">name a price</a> to get a logo tailored for you, made by us at <a href="https://ura.design" target="_blank" rel="noopener">Ura</a>.</p> <p>
Build MVP products and get work done without worrying about a logo. Get
one from our library and get started, or
<a href="#form">name a price</a> to get a logo tailored for you, made by
us at <a href="https://ura.design" target="_blank" rel="noopener">Ura</a>.
</p>
<div class="pt-2 pb-2"> <div class="pt-2 pb-2">
<a class="button-free mt-2" href="#free">Get a free logo</a> <a class="button-free mt-2" href="#free">Get a free logo</a>
<a class="button-premium mt-2" href="#form">Get a custom logo</a> <a class="button-premium mt-2" href="#form">Get a custom logo</a>
</div>
</div> </div>
</div>
</div> </div>

680
_includes/logos.html
View File

@ -1,461 +1,429 @@
<div class="wrapper"> <div class="wrapper">
<h1 class="center pt-4">Free Logos</h1>
<h1 class="center pt-4">Free Logos</h1> <div id="free" class="row">
<div class="col-sm center">
<div id="free" class="row"> <a class="hover-box" href="{{ site.url }}/assets/logos/44.zip" download>
<div class="box">
<div class="col-sm center"> <img src="{{ site.url }}/assets/img/44.png" alt="Logo 44" />
<a class="hover-box" href="{{ site.url }}/assets/logos/44.zip" download>
<div class="box">
<img src="{{ site.url }}/assets/img/44.png" alt="Logo 44">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/43.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/43.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/43.png" alt="Logo 43"> <img src="{{ site.url }}/assets/img/43.png" alt="Logo 43" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/42.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/42.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/42.png" alt="Logo 42" />
<img src="{{ site.url }}/assets/img/42.png" alt="Logo 42">
</div>
<button class="button-download hover-box">Download</button>
</a>
</div> </div>
<button class="button-download hover-box">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/41.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/41.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/41.png" alt="Logo 41"> <img src="{{ site.url }}/assets/img/41.png" alt="Logo 41" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/40.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/40.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/40.png" alt="Logo 40"> <img src="{{ site.url }}/assets/img/40.png" alt="Logo 40" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/39.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/39.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/39.png" alt="Logo 39" />
<img src="{{ site.url }}/assets/img/39.png" alt="Logo 39">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/38.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/38.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/38.png" alt="Logo 38"> <img src="{{ site.url }}/assets/img/38.png" alt="Logo 38" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/37.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/37.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/37.png" alt="Logo 37"> <img src="{{ site.url }}/assets/img/37.png" alt="Logo 37" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/36.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/36.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/36.png" alt="Logo 36" />
<img src="{{ site.url }}/assets/img/36.png" alt="Logo 36">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/35.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/35.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/35.png" alt="Logo 35"> <img src="{{ site.url }}/assets/img/35.png" alt="Logo 35" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/34.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/34.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/34.png" alt="Logo 34"> <img src="{{ site.url }}/assets/img/34.png" alt="Logo 34" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/33.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/33.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/33.png" alt="Logo 33" />
<img src="{{ site.url }}/assets/img/33.png" alt="Logo 33">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/32.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/32.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/32.png" alt="Logo 32"> <img src="{{ site.url }}/assets/img/32.png" alt="Logo 32" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/31.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/31.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/31.png" alt="Logo 31"> <img src="{{ site.url }}/assets/img/31.png" alt="Logo 31" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/30.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/30.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/30.png" alt="Logo 30" />
<img src="{{ site.url }}/assets/img/30.png" alt="Logo 30">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/29.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/29.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/29.png" alt="Logo 29"> <img src="{{ site.url }}/assets/img/29.png" alt="Logo 29" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/28.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/28.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/28.png" alt="Logo 28"> <img src="{{ site.url }}/assets/img/28.png" alt="Logo 28" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/27.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/27.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/27.png" alt="Logo 27" />
<img src="{{ site.url }}/assets/img/27.png" alt="Logo 27">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/26.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/26.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/26.png" alt="Logo 26"> <img src="{{ site.url }}/assets/img/26.png" alt="Logo 26" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/25.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/25.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/25.png" alt="Logo 25"> <img src="{{ site.url }}/assets/img/25.png" alt="Logo 25" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/24.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/24.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/24.png" alt="Logo 24" />
<img src="{{ site.url }}/assets/img/24.png" alt="Logo 24">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/23.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/23.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/23.png" alt="Logo 23"> <img src="{{ site.url }}/assets/img/23.png" alt="Logo 23" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/22.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/22.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/22.png" alt="Logo 22"> <img src="{{ site.url }}/assets/img/22.png" alt="Logo 22" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/21.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/21.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/21.png" alt="Logo 21" />
<img src="{{ site.url }}/assets/img/21.png" alt="Logo 21">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/20.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/20.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/20.png" alt="Logo 20"> <img src="{{ site.url }}/assets/img/20.png" alt="Logo 20" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/19.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/19.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/19.png" alt="Logo 19"> <img src="{{ site.url }}/assets/img/19.png" alt="Logo 19" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/18.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/18.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/18.png" alt="Logo 18" />
<img src="{{ site.url }}/assets/img/18.png" alt="Logo 18">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/17.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/17.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/17.png" alt="Logo 17"> <img src="{{ site.url }}/assets/img/17.png" alt="Logo 17" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/16.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/16.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/16.png" alt="Logo 16"> <img src="{{ site.url }}/assets/img/16.png" alt="Logo 16" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/15.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/15.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/15.png" alt="Logo 15" />
<img src="{{ site.url }}/assets/img/15.png" alt="Logo 15">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/14.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/14.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/14.png" alt="Logo 14"> <img src="{{ site.url }}/assets/img/14.png" alt="Logo 14" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/13.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/13.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/13.png" alt="Logo 13"> <img src="{{ site.url }}/assets/img/13.png" alt="Logo 13" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/12.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/12.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/12.png" alt="Logo 12" />
<img src="{{ site.url }}/assets/img/12.png" alt="Logo 12">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/11.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/11.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/11.png" alt="Logo 11"> <img src="{{ site.url }}/assets/img/11.png" alt="Logo 11" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/10.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/10.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/10.png" alt="Logo 10"> <img src="{{ site.url }}/assets/img/10.png" alt="Logo 10" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/9.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/9.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/9.png" alt="Logo 9" />
<img src="{{ site.url }}/assets/img/9.png" alt="Logo 9">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/8.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/8.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/8.png" alt="Logo 8"> <img src="{{ site.url }}/assets/img/8.png" alt="Logo 8" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/7.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/7.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/7.png" alt="Logo 7"> <img src="{{ site.url }}/assets/img/7.png" alt="Logo 7" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2"> <div class="row pt-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/6.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/6.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/6.png" alt="Logo 6" />
<img src="{{ site.url }}/assets/img/6.png" alt="Logo 6">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/5.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/5.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/5.png" alt="Logo 5"> <img src="{{ site.url }}/assets/img/5.png" alt="Logo 5" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/4.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/4.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/4.png" alt="Logo 4"> <img src="{{ site.url }}/assets/img/4.png" alt="Logo 4" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
<div class="row pt-2 pb-2"> <div class="row pt-2 pb-2">
<div class="col-sm center">
<div class="col-sm center"> <a class="hover-box" href="{{ site.url }}/assets/logos/3.zip" download>
<a class="hover-box" href="{{ site.url }}/assets/logos/3.zip" download> <div class="box">
<div class="box"> <img src="{{ site.url }}/assets/img/3.png" alt="Logo 3" />
<img src="{{ site.url }}/assets/img/3.png" alt="Logo 3">
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/2.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/2.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/2.png" alt="Logo 2"> <img src="{{ site.url }}/assets/img/2.png" alt="Logo 2" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div>
<div class="col-sm center"> <div class="col-sm center">
<a class="hover-box" href="{{ site.url }}/assets/logos/1.zip" download> <a class="hover-box" href="{{ site.url }}/assets/logos/1.zip" download>
<div class="box"> <div class="box">
<img src="{{ site.url }}/assets/img/1.png" alt="Logo 1"> <img src="{{ site.url }}/assets/img/1.png" alt="Logo 1" />
</div>
<button class="button-download">Download</button>
</a>
</div> </div>
<button class="button-download">Download</button>
</a>
</div> </div>
</div>
</div> </div>

618
_sass/_layout.scss
View File

@ -1,246 +1,235 @@
/* Site Header /* Site Header
* ============================================== */ * ============================================== */
.site-header { .site-header {
min-height: 400px; min-height: 400px;
background-color: $brand-color; background-color: $brand-color;
background-image: url(''); background-image: url("");
background-size: cover; background-size: cover;
background-position: center -150px; background-position: center -150px;
background-attachment: fixed; background-attachment: fixed;
color: #fff; color: #fff;
padding-top: 3em; padding-top: 3em;
@include media-query($on-palm) { @include media-query($on-palm) {
min-height: 250px; min-height: 250px;
background-position: center -250px; background-position: center -250px;
} }
} }
.site-header a { .site-header a {
color: #FFF; color: #fff;
text-decoration: underline; text-decoration: underline;
} }
.button-download { .button-download {
background: #E2E2E2; background: #e2e2e2;
color: #000; color: #000;
border: #E2E2E2; border: #e2e2e2;
border-radius: 10px; border-radius: 10px;
text-decoration: none !important; text-decoration: none !important;
font-size: 16px !important; font-size: 16px !important;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
padding: 12px 24px; padding: 12px 24px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
} }
.button-free { .button-free {
display: inline-block; display: inline-block;
text-decoration: none !important; text-decoration: none !important;
font-size: 16px !important; font-size: 16px !important;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
border: 3px solid #FFFFFF; border: 3px solid #ffffff;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px; border-radius: 10px;
padding: 12px 20px; padding: 12px 20px;
&:hover { &:hover {
background-color: #fff !important; background-color: #fff !important;
color: #000 !important; color: #000 !important;
-webkit-transition: all 0.3s ease-in-out; }
-moz-transition: all 0.3s ease-in-out; }
transition: all 0.3s ease-in-out;
}
}
.button-submit { .button-submit {
display: inline-block; display: inline-block;
text-decoration: none !important; text-decoration: none !important;
color: #fff !important; color: #fff !important;
background-color: #257BAD; background-color: #257bad;
font-size: 16px !important; font-size: 16px !important;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
border: 3px solid #257BAD; border: 3px solid #257bad;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px; border-radius: 10px;
padding: 12px 20px; padding: 12px 20px;
margin-left: 15px; margin-left: 15px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: transparent !important; background-color: transparent !important;
color: #257BAD !important; color: #257bad !important;
border: 3px solid #257BAD; border: 3px solid #257bad;
-webkit-transition: all 0.3s ease-in-out; }
-moz-transition: all 0.3s ease-in-out; }
transition: all 0.3s ease-in-out;
}
}
.button-premium { .button-premium {
display: inline-block; display: inline-block;
text-decoration: none !important; text-decoration: none !important;
color: #fff !important; color: #fff !important;
background-color: #257BAD; background-color: #257bad;
font-size: 16px !important; font-size: 16px !important;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
border: 3px solid #257BAD; border: 3px solid #257bad;
box-sizing: border-box; box-sizing: border-box;
border-radius: 10px; border-radius: 10px;
padding: 12px 20px; padding: 12px 20px;
margin-left: 15px; margin-left: 15px;
&:hover { &:hover {
background-color: #fff !important; background-color: #fff !important;
color: #000 !important; color: #000 !important;
border: 3px solid #fff; border: 3px solid #fff;
-webkit-transition: all 0.3s ease-in-out; }
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@include media-query($small) { @include media-query($small) {
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
} }
} }
.site-header .hitline { .site-header .hitline {
font-size: 48px !important; font-size: 48px !important;
} }
.site-header p { .site-header p {
font-size: 20px; font-size: 20px;
} }
.site-header h1 { .site-header h1 {
display: block; display: block;
color: #D8D8D8; color: #d8d8d8;
font-size: 48px !important; font-size: 48px !important;
line-height: 40px; line-height: 40px;
letter-spacing: 2px; letter-spacing: 2px;
text-align: center; text-align: center;
padding-top: 20px; padding-top: 20px;
clear: both; clear: both;
font-family: 'Overpass'; font-family: "Overpass";
@include media-query($on-palm) { @include media-query($on-palm) {
font-size:48px !important; font-size: 48px !important;
letter-spacing: 0px; letter-spacing: 0px;
} }
} }
.site-nav { .site-nav {
float: right; float: right;
font-size: 24px; font-size: 24px;
line-height: 56px; line-height: 56px;
margin-right: 50px; margin-right: 50px;
padding-bottom: 100px; padding-bottom: 100px;
.page-link {
line-height: $base-line-height;
font-weight: regular;
letter-spacing: 0.05em;
opacity: 0.5;
&:not(:first-child) {
margin-left: 20px;
}
}
.page-link:hover { .page-link {
opacity: 0.9; line-height: $base-line-height;
font-weight: regular;
letter-spacing: 0.05em;
opacity: 0.5;
&:active { &:not(:first-child) {
opacity: 1; margin-left: 20px;
} }
} }
@include media-query($on-palm) { .page-link:hover {
padding-bottom: 10px; opacity: 0.9;
}
&:active {
opacity: 1;
} }
}
@include media-query($on-palm) {
padding-bottom: 10px;
}
}
/* Site Footer /* Site Footer
* ============================================== */ * ============================================== */
.footer { .footer {
padding-bottom: 2em; padding-bottom: 2em;
margin: auto; margin: auto;
font-size: 16px; font-size: 16px;
font-family: "Overpass"; font-family: "Overpass";
color: #000; color: #000;
} }
/* Individual Posts /* Individual Posts
* ============================================== */ * ============================================== */
.page-content { .page-content {
padding: $spacing-unit 0; padding: $spacing-unit 0;
text-align: justify; text-align: justify;
} }
.page-heading { .page-heading {
font-size: 20px; font-size: 20px;
padding-top: 2px; padding-top: 2px;
} }
/* Archive /* Archive
* ============================================== */ * ============================================== */
.post-list { .post-list {
margin-left: 0; margin-left: 0;
list-style: none; list-style: none;
> li { > li {
display: block; display: block;
padding: 0.1em 1.5em; padding: 0.1em 1.5em;
} }
}
}
.post-link { .post-link {
font-family: 'Overpass'; font-family: "Overpass";
font-weight: 300; font-weight: 300;
font-size: 1.5em; font-size: 1.5em;
letter-spacing: -1px; letter-spacing: -1px;
color: #454545; color: #454545;
display: block; display: block;
width: 100%; width: 100%;
@include media-query($on-palm) { @include media-query($on-palm) {
font-size: 1.33em; font-size: 1.33em;
} }
} }
.post-meta { .post-meta {
font-size: $small-font-size; font-size: $small-font-size;
color: $grey-color-light; color: $grey-color-light;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
} }
/* Post Format /* Post Format
* ============================================== */ * ============================================== */
.post-header { .post-header {
margin-bottom: $spacing-unit; margin-bottom: $spacing-unit;
} }
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
.post-title {
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
@include media-query($on-laptop) { @include media-query($on-laptop) {
font-size: 36px; font-size: 36px;
} }
} }
.post-content { .post-content {
margin-bottom: $spacing-unit; margin-bottom: $spacing-unit;
/* /*
h2 { h2 {
font-size: 32px; font-size: 32px;
@ -264,156 +253,149 @@
font-size: 18px; font-size: 18px;
} }
} */ } */
} }
/* Spacings and Generic /* Spacings and Generic
* ============================================== */ * ============================================== */
.bold { .bold {
font-weight: 600; font-weight: 600;
} }
.p-1 { .p-1 {
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.pt-1 { .pt-1 {
padding-top: 1rem; padding-top: 1rem;
} }
.pb-1 { .pb-1 {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.pt-2 { .pt-2 {
padding-top: 2rem; padding-top: 2rem;
} }
.pt-3 { .pt-3 {
padding-top: 3rem; padding-top: 3rem;
} }
.pt-4 { .pt-4 {
padding-top: 4rem; padding-top: 4rem;
} }
.pb-2 { .pb-2 {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.mb-3 { .mb-3 {
margin-bottom: 30px; margin-bottom: 30px;
} }
.non-justify { .non-justify {
text-align: initial; text-align: initial;
} }
.heading { .heading {
font-size: 36px; font-size: 36px;
} }
.feature { .feature {
font-size: 20px; font-size: 20px;
} }
.align-left { .align-left {
text-align: left; text-align: left;
} }
.size-14 { .size-14 {
font-size: 14px; font-size: 14px;
} }
.align-right { .align-right {
text-align: right; text-align: right;
} }
.center { .center {
text-align: center; text-align: center;
} }
.language { .language {
text-decoration: none !important; text-decoration: none !important;
} }
.bg-mute { .bg-mute {
background-color: #F4F4F4; background-color: #f4f4f4;
min-height: 500px; min-height: 500px;
margin-top: 2rem; margin-top: 2rem;
padding-top: 4rem; padding-top: 4rem;
font-size: 20px; font-size: 20px;
} }
.bg-mute hr { .bg-mute hr {
padding-left: 50px; padding-left: 50px;
padding-right: 50px; padding-right: 50px;
border: 1px solid #D8D8D8; border: 1px solid #d8d8d8;
max-width: 500px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
} }
.grayscale { .grayscale {
opacity: 0.65; opacity: 0.65;
-webkit-filter: grayscale(1); -webkit-filter: grayscale(1);
filter: grayscale(1); filter: grayscale(1);
} }
.box { .box {
padding: 40px; padding: 40px;
background: #FFFFFF; background: #ffffff;
border: 1px solid #E2E2E2; border: 1px solid #e2e2e2;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
margin-bottom: -22.5px; margin-bottom: -22.5px;
margin-top: 25px; margin-top: 25px;
} }
.hover-box:hover .button-download { .hover-box:hover .button-download {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} }
.hover-box:hover .box { .hover-box:hover .box {
border: 1px solid #000; border: 1px solid #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} }
.row { .row {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin-left: -15px; margin-left: -15px;
margin-right: -15px; margin-right: -15px;
} }
.col { .col {
position: relative; position: relative;
width: 100%; width: 100%;
min-height: 1px; min-height: 1px;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
.col-sm { .col-sm {
-ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0;
flex-basis: 0; flex-basis: 0;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex-positive: 1; -ms-flex-positive: 1;
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
line-height: 1.4; line-height: 1.4;
@include media-query($on-phone) { @include media-query($on-phone) {
flex-basis: auto; flex-basis: auto;
} }
} }

84
index.html
View File

@ -3,22 +3,70 @@ layout: default
--- ---
<div class="row non-justify"> <div class="row non-justify">
<div class="col-sm pt-2"> <div class="col-sm pt-2">
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg
<path d="M18.9969 37.0986C28.7099 37.0986 36.5838 29.1732 36.5838 19.3966C36.5838 9.62005 28.7099 1.69458 18.9969 1.69458C9.28386 1.69458 1.40991 9.62005 1.40991 19.3966C1.40991 29.1732 9.28386 37.0986 18.9969 37.0986Z" fill="white"/> width="38"
<path d="M19.0992 8.34485C12.9268 8.34485 11.3733 14.2088 11.3733 19.1793C11.3733 24.1514 12.9252 30.0137 19.0992 30.0137C25.2731 30.0137 26.825 24.1482 26.825 19.1793C26.825 14.2072 25.2731 8.34485 19.0992 8.34485ZM19.0992 12.4283C19.3501 12.4283 19.5786 12.4667 19.7944 12.5242C20.2387 12.9078 20.4561 13.44 20.0293 14.1832L15.9187 21.7908C15.7924 20.8271 15.7732 19.8809 15.7732 19.1793C15.7732 16.9897 15.9235 12.4283 19.0992 12.4283ZM22.1773 15.9333C22.3963 17.1016 22.4251 18.3194 22.4251 19.1777C22.4251 21.3673 22.2748 25.927 19.1007 25.927C18.8514 25.927 18.6197 25.8998 18.4055 25.8487C18.3656 25.8327 18.3272 25.8183 18.2872 25.8087C18.2233 25.7896 18.153 25.7704 18.0923 25.7432C17.3858 25.4427 16.9399 24.8946 17.5824 23.9228L22.1773 15.9333Z" fill="black"/> height="38"
<path d="M19.0593 0.356812C13.873 0.356812 9.50184 2.174 5.93778 5.82597C4.13497 7.63996 2.7573 9.71127 1.79995 12.0207C0.864988 14.3062 0.399902 16.6892 0.399902 19.1776C0.399902 21.6868 0.864988 24.0714 1.79995 26.3361C2.73492 28.6008 4.09182 30.6353 5.87225 32.4509C7.67506 34.2426 9.70002 35.6234 11.9487 36.5872C14.2198 37.5301 16.5884 38 19.0593 38C21.5317 38 23.9339 37.5141 26.2497 36.5504C28.564 35.5851 30.6289 34.1994 32.4557 32.387C34.2153 30.6641 35.5466 28.6839 36.4353 26.4432C37.3479 24.1817 37.7986 21.7572 37.7986 19.1808C37.7986 16.6268 37.3495 14.2071 36.4369 11.944C35.5243 9.66013 34.1881 7.63996 32.4301 5.86912C28.7574 2.18999 24.2919 0.356812 19.0593 0.356812ZM19.1376 3.74347C23.3665 3.74347 26.9753 5.2522 29.98 8.27606C31.428 9.73365 32.5372 11.399 33.2931 13.2609C34.0491 15.1213 34.4327 17.0935 34.4327 19.1792C34.4327 23.5056 32.9623 27.0937 30.0471 29.9609C28.532 31.4424 26.8315 32.5788 24.9392 33.3619C23.0692 34.1435 21.1434 34.5318 19.1376 34.5318C17.111 34.5318 15.1724 34.1499 13.3232 33.3859C11.4757 32.6044 9.81829 31.4824 8.34792 30.0232C6.87754 28.5449 5.74439 26.8747 4.94368 25.0128C4.16534 23.13 3.76418 21.1914 3.76418 19.1744C3.76418 17.1351 4.16534 15.1836 4.94368 13.3217C5.74439 11.439 6.87914 9.74963 8.34792 8.24729C11.2631 5.249 14.8639 3.74347 19.1376 3.74347Z" fill="black"/> viewBox="0 0 38 38"
</svg> fill="none"
<p class="p-1 feature"><strong>Public Domain Logos</strong></p>All logos below are in the public domain (<a href="https://creativecommons.org/share-your-work/public-domain/cc0/" target="_blank" rel="noopener">CC0</a>). Download any logo for free unlimited times for any usage. No attribution required. xmlns="http://www.w3.org/2000/svg"
</div> >
<div class="col-sm pt-2"> <path
<svg width="40" height="38" viewBox="0 0 40 38" fill="none" xmlns="http://www.w3.org/2000/svg"> d="M18.9969 37.0986C28.7099 37.0986 36.5838 29.1732 36.5838 19.3966C36.5838 9.62005 28.7099 1.69458 18.9969 1.69458C9.28386 1.69458 1.40991 9.62005 1.40991 19.3966C1.40991 29.1732 9.28386 37.0986 18.9969 37.0986Z"
<path d="M18.3076 1.2226C18.8403 -0.407534 21.1597 -0.407532 21.6924 1.2226L25.1938 11.9374C25.4321 12.6664 26.1153 13.16 26.8863 13.16H38.2171C39.9409 13.16 40.6577 15.3533 39.263 16.3608L30.0962 22.9829C29.4725 23.4334 29.2115 24.2321 29.4498 24.9611L32.9512 35.6759C33.4839 37.306 31.6074 38.6615 30.2128 37.6541L21.046 31.032C20.4223 30.5814 19.5777 30.5814 18.954 31.032L9.7872 37.6541C8.39257 38.6615 6.51611 37.306 7.04881 35.6759L10.5502 24.9611C10.7885 24.2321 10.5275 23.4334 9.90378 22.9829L0.736952 16.3608C-0.657677 15.3533 0.0590694 13.16 1.78293 13.16H13.1137C13.8847 13.16 14.5679 12.6664 14.8062 11.9374L18.3076 1.2226Z" fill="black"/> fill="white"
</svg> />
<p class="p-1 feature"><strong>Get a Custom Logo</strong></p>Want to get get an exclusive logo only for your project? <a href="#form">Name a price and we will help you, no matter your budget</a>! <path
</div> d="M19.0992 8.34485C12.9268 8.34485 11.3733 14.2088 11.3733 19.1793C11.3733 24.1514 12.9252 30.0137 19.0992 30.0137C25.2731 30.0137 26.825 24.1482 26.825 19.1793C26.825 14.2072 25.2731 8.34485 19.0992 8.34485ZM19.0992 12.4283C19.3501 12.4283 19.5786 12.4667 19.7944 12.5242C20.2387 12.9078 20.4561 13.44 20.0293 14.1832L15.9187 21.7908C15.7924 20.8271 15.7732 19.8809 15.7732 19.1793C15.7732 16.9897 15.9235 12.4283 19.0992 12.4283ZM22.1773 15.9333C22.3963 17.1016 22.4251 18.3194 22.4251 19.1777C22.4251 21.3673 22.2748 25.927 19.1007 25.927C18.8514 25.927 18.6197 25.8998 18.4055 25.8487C18.3656 25.8327 18.3272 25.8183 18.2872 25.8087C18.2233 25.7896 18.153 25.7704 18.0923 25.7432C17.3858 25.4427 16.9399 24.8946 17.5824 23.9228L22.1773 15.9333Z"
<div class="col-sm pt-2"> fill="black"
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-497 263.9 40 38" width="40" height="38"><path d="M-458.044 263.944h-37.91v37.91h12.18l.014-.028s3.847-10.373 4.36-11.137c0 0-4.43-1-4.305-8.235s5.666-10.915 5.666-10.915-.972 5.555 3.43 7.6c0 0 4.236 1.208 4.166 5.47-.083 4.263-2.736 5.54-4.097 6.124.5.736 4.083 10.4 4.347 11.096l12.15.014z"/></svg> />
<p class="p-1 feature"><strong>Support Open Source Design</strong></p>With the proceeds we also support <a href="https://opensourcedesign.net" target="_blank" rel="noopener">Open Source Design</a> with donations, continuing to support design intiatives in open source. <path
</div> d="M19.0593 0.356812C13.873 0.356812 9.50184 2.174 5.93778 5.82597C4.13497 7.63996 2.7573 9.71127 1.79995 12.0207C0.864988 14.3062 0.399902 16.6892 0.399902 19.1776C0.399902 21.6868 0.864988 24.0714 1.79995 26.3361C2.73492 28.6008 4.09182 30.6353 5.87225 32.4509C7.67506 34.2426 9.70002 35.6234 11.9487 36.5872C14.2198 37.5301 16.5884 38 19.0593 38C21.5317 38 23.9339 37.5141 26.2497 36.5504C28.564 35.5851 30.6289 34.1994 32.4557 32.387C34.2153 30.6641 35.5466 28.6839 36.4353 26.4432C37.3479 24.1817 37.7986 21.7572 37.7986 19.1808C37.7986 16.6268 37.3495 14.2071 36.4369 11.944C35.5243 9.66013 34.1881 7.63996 32.4301 5.86912C28.7574 2.18999 24.2919 0.356812 19.0593 0.356812ZM19.1376 3.74347C23.3665 3.74347 26.9753 5.2522 29.98 8.27606C31.428 9.73365 32.5372 11.399 33.2931 13.2609C34.0491 15.1213 34.4327 17.0935 34.4327 19.1792C34.4327 23.5056 32.9623 27.0937 30.0471 29.9609C28.532 31.4424 26.8315 32.5788 24.9392 33.3619C23.0692 34.1435 21.1434 34.5318 19.1376 34.5318C17.111 34.5318 15.1724 34.1499 13.3232 33.3859C11.4757 32.6044 9.81829 31.4824 8.34792 30.0232C6.87754 28.5449 5.74439 26.8747 4.94368 25.0128C4.16534 23.13 3.76418 21.1914 3.76418 19.1744C3.76418 17.1351 4.16534 15.1836 4.94368 13.3217C5.74439 11.439 6.87914 9.74963 8.34792 8.24729C11.2631 5.249 14.8639 3.74347 19.1376 3.74347Z"
fill="black"
/>
</svg>
<p class="p-1 feature"><strong>Public Domain Logos</strong></p>
All logos below are in the public domain (<a
href="https://creativecommons.org/share-your-work/public-domain/cc0/"
target="_blank"
rel="noopener"
>CC0</a
>). Download any logo for free unlimited times for any usage. No attribution
required.
</div>
<div class="col-sm pt-2">
<svg
width="40"
height="38"
viewBox="0 0 40 38"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.3076 1.2226C18.8403 -0.407534 21.1597 -0.407532 21.6924 1.2226L25.1938 11.9374C25.4321 12.6664 26.1153 13.16 26.8863 13.16H38.2171C39.9409 13.16 40.6577 15.3533 39.263 16.3608L30.0962 22.9829C29.4725 23.4334 29.2115 24.2321 29.4498 24.9611L32.9512 35.6759C33.4839 37.306 31.6074 38.6615 30.2128 37.6541L21.046 31.032C20.4223 30.5814 19.5777 30.5814 18.954 31.032L9.7872 37.6541C8.39257 38.6615 6.51611 37.306 7.04881 35.6759L10.5502 24.9611C10.7885 24.2321 10.5275 23.4334 9.90378 22.9829L0.736952 16.3608C-0.657677 15.3533 0.0590694 13.16 1.78293 13.16H13.1137C13.8847 13.16 14.5679 12.6664 14.8062 11.9374L18.3076 1.2226Z"
fill="black"
/>
</svg>
<p class="p-1 feature"><strong>Get a Custom Logo</strong></p>
Want to get get an exclusive logo only for your project?
<a href="#form">Name a price and we will help you, no matter your budget</a
>!
</div>
<div class="col-sm pt-2">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="-497 263.9 40 38"
width="40"
height="38"
>
<path
d="M-458.044 263.944h-37.91v37.91h12.18l.014-.028s3.847-10.373 4.36-11.137c0 0-4.43-1-4.305-8.235s5.666-10.915 5.666-10.915-.972 5.555 3.43 7.6c0 0 4.236 1.208 4.166 5.47-.083 4.263-2.736 5.54-4.097 6.124.5.736 4.083 10.4 4.347 11.096l12.15.014z"
/>
</svg>
<p class="p-1 feature"><strong>Support Open Source Design</strong></p>
With the proceeds we also support
<a href="https://opensourcedesign.net" target="_blank" rel="noopener"
>Open Source Design</a
>
with donations, continuing to support design intiatives in open source.
</div>
</div> </div>

Write Preview
Loading…
Cancel
Save