+38 096 193 97 31 info@endeavorrcing.com outsourcing

Big slider second

  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

    Details Contact us
  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers, programmers, marketing managers — you can earn more ...

    Details Contact us
  • Ken Burns Effect

    Outsourcing

    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

    Details Contact us

Breadcrumbs

Home

  • Ken Burns Effect

    Outsourcing Company

    Create your team to do even more amazing things. Designers, web designers, programmers, marketing managers — you can earn more ...

  • Ken Burns Effect

    Outsourcing
    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

  • Ken Burns Effect

    Outsourcing
    Company

    Create your team to do even more amazing things. Designers, web designers,
    programmers, marketing managers — you can earn more ...

Smart

Creative

speed

reliability

214 projects

Home second – About team

About team

incredible success story

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

Watch more

Home second – Conatct us today

Conatct us today

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

Start working with us

right now!

Home second -214 projects

214 projects

24 Testimonials

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz
    crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

Timeline

  • All over the globe

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Designers, developers and creatives

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Designers, developers and

    Read more
  • Designers, developers and creatives from all over the globe are responsible for the work

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Designers, developers and creatives

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Designers, developers and

    Read more
  • Responsible for the work

    Our core mission is to help our community earn a living online doing work they are passionate about. We hope you’ll agree the result is pretty spectacular! Read more about Our Community. Designers, developers and creatives from all over the

    Read more
  • Responsible for the work

    Our core mission is to help our community earn a living online doing work they are passionate about. We hope you’ll agree the result is pretty spectacular! Read more about Our Community. Designers, developers and creatives from all over the

    Read more
  • Designers, developers and creatives from all over the globe are responsible for the work

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more
  • Designers, developers and creatives from all over the globe

    Designers, developers and creatives from all over the globe are responsible for the work you see across Envato’s ecosystem, whether it’s items for sale on Envato Market, tutorials on Tuts+ or talented freelancers working at Envato Studio. Our core mission

    Read more

Home second – Start cooperation

Start cooperation with us

right now!

Home second -Start cooperation with us

tariff

standart

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 1 designer-illustrator
  • 5 mockups

€ 400

order this

tariff

premium

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 3 designer-illustrator
  • 10 mockups

€ 900

order this

tariff

vip

Designers, developers and creatives from all over

  • Development task
  • Creative included
  • Additional materials
  • 5 designer-illustrator
  • 25 mockups

€ 1900

order this

Features

Amazing feature

Art party crucifix typewriter, iPhone skateboard dreamcatcher migas stumptown pickled keytar post-ironic four dollar toast tilde.

Awesome feature

Whatever bicycle rights umami, meh lo-fi sriracha franzen fap. Gastropub iPhone artisan tumblr, schlitz migas gentrify pickled fanny pack.

Incredible feature

Keffiyeh four loko scenester salvia portland, post-ironic plaid ethical offal wayfarers artisan vegan man braid affogato. Church-key meh austin, literally kitsch quinoa lomo.

Feature

Cardigan ennui YOLO, meggings sriracha disrupt pour-over viral fingerstache truffaut bushwick poutine chicharrones mumblecore small batch.

Home second – Subscribe to newsletter

Subscribe to newsletter

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

  • JC Richards

    Torbara


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail.

  • Sritopsil Krutopal

    Collla India


    This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal!

  • Amelie Braxton

    Global Hosting Ltd.


    This little clear crystal mouse is so happy with her little cheese in Light Topaz
    crystal! The delicate whiskers, tail and ears show great attention to detaillittle cheese in Light Topaz crystal!

Create modal dialogs with different styles and transitions.

Usage

The modal component consists of an overlay, a dialog and a close button.

Class Description
.uk-modal Add this class to a <div> element to create the dialog container and an overlay that blanks out the page. It is important to add an id to indicate the element for toggling.
.uk-modal-dialog Add this class to a child <div> element to create the dialog box.
.uk-modal-close Add this class to an <a> or <button> element to create a close button within the dialog box. We recommend adding the .uk-close class from the Close component to give the button a proper styling, though you can also use text or an image.

You can use any element to toggle a modal dialog. An <a> element needs to be linked to the modal’s id. To enable the necessary JavaScript, add the data-uk-modal attribute. If you are using another element, like a button, just add the data-uk-modal="{target:'#ID'}" attribute to target the modal’s id.

Example

Open

Markup

<!-- This is an anchor toggling the modal -->
<a href="#my-id" data-uk-modal>...</a>

<!-- This is a button toggling the modal -->
<button class="uk-button" data-uk-modal="{target:'#my-id'}">...</button>

<!-- This is the modal -->
<div id="my-id" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        ...
    </div>
</div>

JavaScript options

By default, the modal closes automatically when clicking on the modal overlay. To prevent this from happening, just add the data-uk-modal="{target:'#ID',bgclose:false}" attribute.


You can create a header and footer for your modal, which are seperated from the content. Just add the .uk-modal-header or the .uk-modal-footer class to a <div> element inside the modal dialog.

Example

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Markup

<div class="uk-modal">
    <div class="uk-modal-dialog">
        <div class="uk-modal-header">...</div>
        ...
        <div class="uk-modal-footer">...</div>
    </div>
</div>

You can also create a caption that will be placed outside the modal. Just add the .uk-modal-caption class to a <div> element inside the modal dialog.

Example

Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Caption

Markup

<div class="uk-modal">
    <div class="uk-modal-dialog">
        <div class="uk-modal-caption">...</div>
    </div>
</div>

To place a spinning icon inside your modal, add the .uk-modal-spinner class to a <div> element inside the modal dialog.

Example

Open

Markup

<div class="uk-modal">
    <div class="uk-modal-dialog">
        <div class="uk-modal-spinner">...</div>
    </div>
</div>

To create a lightbox-like modal dialog, just add the .uk-modal-dialog-lightbox class. This can be useful, if you want to use the modal as a lightbox for your images. The close button will adjust its position automatically to the dialog.

Example

Markup

<!-- This is the anchor toggling the modal -->
<a href="#my-id" data-uk-modal>...</a>

<!-- This is the modal -->
<div id="my-id" class="uk-modal">
    <div class="uk-modal-dialog uk-modal-dialog-lightbox">
        <a href="" class="uk-modal-close uk-close uk-close-alt"></a>
        <img src="" alt="">
    </div>
</div>

NOTE When creating a close button within the lightbox modifier, we also recommend adding the .uk-close-alt class from the Close component to the close button to give your button a styling that fits the lightbox modal.


Center Modal

To vertically center the modal, add the {center:true} option to the data-attribute.

Example

Open

Markup

<a href="#my-id" data-uk-modal="{center:true}"></a>

Large dialog modifier

To apply the site’s container width to the modal dialog, just add the .uk-modal-dialog-large class.

Example

Open

Markup

<div class="uk-modal-dialog uk-modal-dialog-large">...</div>

Overflow container in modal

You can also display the modal’s content in a scrollable container. Just add the .uk-overflow-container class to a <div> element inside the modal dialog. The modal will automatically expand and fill the site’s height.

Example

Open

Markup

<div class="uk-modal-dialog">
    <p>...</p>
    <div class="uk-overflow-container">...</div>
    <p>...</p>
</div>

JavaScript

You can handle modal dialogs via raw javascript.

Example

var modal = UIkit.modal(".modalSelector");

if ( modal.isActive() ) {
    modal.hide();
} else {
    modal.show();
}

Events

The modal component triggers an show.uk.modal event every time a modal is opened and hide.uk.modal when a modal is closed.

Example

$('.modalSelector').on({

    'show.uk.modal': function(){
        console.log("Modal is visible.");
    },

    'hide.uk.modal': function(){
        console.log("Element is not visible.");
    }
});

Events

Name Parameter Description
show.uk.modal event On modal show
hide.uk.modal event On modal hide

illustration projects

This little clear crystal mouse is so happy with her little cheese in Light Topaz crystal! The delicate whiskers, tail and ears show great attention to detail. This cute treasure makes a perfect gift or special treat for yourself. Decoration object.

Get in touch

121 King Street, Melbourne, Australia


+38 096 681 68 14

info@endeavorrcing.com

rocket.outsourcing

Quick Feedback