react change text to input on click

The requirement is as simple as: change the text of an input by clicking a button/link. You also have a default method we named setInputValue () that can set the value of this input. Using this line of code we can check if the component has a ref and then we'll focus on it. is developed to help students learn and share their knowledge more effectively. In React, mutable state is typically kept in the state property of components, and only updated with setState (). How can I change an element's class with JavaScript? To change a button's text on click and change it back after a delay: The text of the button is tracked using the It will become hidden in your post, but will still be visible via the comment's permalink. Set the onClick prop on the button element. One extremely powerful typescript feature is automatic type narrowing based on control flow. Type is an everyday concept to programmers, but its surprisingly difficult to define it succinctly. You can also manipulate the input and its behavior using the ref values, for example, by focusing the input control shown below. How to handle multiple input field in react form with a single function? My strengths are C, C++, Python, HTML, CSS, Javascript, and Reactjs. How to set focus on an input field after rendering? By adding the ref attribute value to the input, we could point to the input that needed to change the value. Using a controlled form input approach, you can maintain the state values as an input for the various form controls. List of resources for halachot concerning celiac disease. Can state or city police officers enforce the FCC regulations? We have to set initial state value inside constructor function and set click event handler of the element upon which click, results in changing state. Still, you should use the useRef method because it will be more flexible and accessible to all elements that only need ref.current. Generating Pdf documents in React. Letter of recommendation contains wrong name of journal, how will this hurt my application? Enable\u002FDisable onChange Button - CodeSandbox, Finally, Ease of use may be invisible, but its absence sure isnt. IBM, React Context API with Higher Order Component, A concise post that helps improve your authentication system. Are you sure you want to hide this comment? The controlled and uncontrolled approaches are different ways to use the form elements to manipulate the form values in a React app. Example 1: This example illustrates how to change the state of the component on click. Ever thought of using double tapping on a text to make it an input field to edit the text? 1 Answer. What is the use of data-reactid attribute in HTML ? I mean, when the user doesnt really change the data ( though form might be dirty ) we dont want to enable the SAVE button, also we want to keep the disabled status and update the text from SAVE to SAVING until the api call is complete. Using a controlled form input approach, you can maintain the state values as an input for the various form controls. Here is what you can do to flag leolenzo_37: leolenzo_37 consistently posts content that violates DEV Community 's How Intuit improves security, latency, and development velocity with a Site Maintenance - Friday, January 20, 2023 02:00 - 05:00 UTC (Thursday, Jan Were bringing advertisements for technology courses to Stack Overflow, How to change the href attribute for a hyperlink using jQuery. For example, this form in plain HTML accepts a single name: This form has the default HTML form behavior of browsing to a new page when the user submits the form. How could one outsmart a tracking implant? Form controls in React are a bit different from the standard HTML form controls because each input element in a React form manages the internal state behind the scene. This function is as simple as it appears once it's clicked it sets it to edit mode to make the input field appear. By clicking Accept all cookies, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy. How To Solve TypeError map.has Is Not A Function In JavaScript. Consider, we have the following component in our react app: importReact from'react';functionHome(){return(<div className="container"><button>SignUp</button></div>)}exportdefaultHome; To change the button text in React, add the onClick event handler to it and change the text conditionally whenever a button is clicked. In hindsight the name might have been different but for its current purpose it'll do, but if we'll like to exit edit mode my say using the esc key we could change the name and check for that, but for now this will do. To get the value of an input on button click in React: Declare a state variable that tracks the value of the input field. If you have difficulty with them, dont worry. This function takes care of the event onBlur which happens when the user loses focus on the input, so we want to exit the edit mode and display the newly typed value. Most likely, your primary use of ref is to access the DOM. Enable/Disable the save button while dealing with API request. Don't! FieldStyle. Hi, my names Nathaniel Kirk. Add an onClick prop to a button element. When you need to handle multiple controlled input elements, you can add a name attribute to each element and let the handler function choose what to do based on the value of event.target.name. First of it clears the previous callback on the timeout property, then it increments the click count. How to send state/props to another component in React with onClick? How to change the state of react component on click. Not the answer you're looking for? 11 Tips That Make You a Better Typescript Programmer. For further actions, you may consider blocking this person and/or reporting abuse. 'Please write an essay about your favorite DOM element. Javascript >> REACT convert text to input "REACT convert text to input" Code Answer's react text input onchange javascript by Tired Trouton May 31 2020 Donate 8 class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); Once unpublished, all posts by leolenzo_37 will become hidden and only accessible to themselves. In this tutorial, we are going to learn about how to change the text of a button onClick in React. Im here to support you. Once suspended, leolenzo_37 will not be able to comment or publish posts until their suspension is removed. Thanks for keeping DEV Community safe. In the example above, we added a handleClick event handler to the onClick prop and state active to the button text, so whenever a button is clicked it runs the handleClick function and changes the active state from false to true or vice versa. What non-academic job options are there for a PhD in algebraic topology? And I can edit each slogan one by one clicking their edit buttons. In the render() method we first check if the autofocus prop is true then we ill create a ref on it to do the focusing as shown above, then the input is rendered. If active is false it chooses Login text, if its true it chooses Logout text. Here is an example: But in most cases, its convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. How can I guarantee that my enums definition doesn't change in JavaScript? How to change background color of paragraph on double click using jQuery ? the doubleclick prop is for when the parent component what it to either change to an input either after a single click or on double click, handleenter is a callback function from the parent function on how to handle the input value and using it to carryout some operation (sending an asynchronous request to maybe edit something) after editing and If you are looking for a tip on how to work with input in React in general, check out this post instead. In these situations, you might want to check out uncontrolled components, an alternative technique for implementing input forms. In this approach, the additional props are added like this: It means that reference is assigned to the form control so its value can be accessed later on when it's needed. Programming Languages: C, C++, Python, HTML, CSS, Javascript, Reactjs, Property # does not exist on type Readonly<{}> error occurs when you have no TypeScript [], To set a Placeholder on a Select tag in React, We will guide you in [], To Pass CSS styles as props in React TypeScript, we will pass it as a [], Your email address will not be published. rev2023.1.18.43174. Note: This is a Framer X tip. How can I guarantee that my enums definition doesn't change in JavaScript? Why display text on button click react Add Text Inside Of React Component Javascript queries related to "react change input text value" react form input onchange react The setState function used to change the state of the component directly or with the callback approach as mentioned below. Great, but the problem with this is onChange gets triggered even when the user changes the name back to Bob ( let say Bobby to Bob ). how to change text to input field onclick in react? Why did it take so long for Europeans to adopt the moldboard plow? How to get the height and width of an Image using ReactJS? This article will give you some ways to set the value of an Input on Button click in React using the useRef method or the state method. Thank you so much! In this demo, i will show you how to create a snow fall animation using css and JavaScript. However, it is built on the same principles of controlled components and managing state so dont neglect to learn them. Basic datepicker Choose a date link Connecting a datepicker to an input A datepicker is composed of a text input and a calendar pop-up, connected via the matDatepicker property on the text input. rev2023.1.18.43174. How To Distinguish Between Philosophy And Non-Philosophy? LearnshareIT This is a great use case for react states. how to change text color in react native DE ATENDIMENTO: (85) 4042-6703 cps high school admissions test practice. Major: IT this.ref && this.ref.focus() The consent submitted will only be used for data processing originating from this website. I want to do the following: If a user clicks on a paragraph I want to change the element to an input field that has the contents of the paragraph prefilled. The dateChange event is bound to Datepicker input text. How to detect click outside React component ? call the function signIn. How to get the value of an input on Button click in React? In this example, if you click the button, the input will be updated; however, the text in the paragraph will not. In HTML, creates a drop-down list. Eventhough the default value is a String. Consider, we have the following component in our react app: To change the button text in React, add the onClick event handler to it and change the text conditionally whenever a button is clicked. We will do this by storing the inputs value and changing it on the inputs onChange event using the useState hook. ..Putting all together.. Note how we used the ES6 computed property name syntax to update the state key corresponding to the given input name: Also, since setState() automatically merges a partial state into the current state, we only needed to call it with the changed parts. Change the part that displays the row for a contact to look like this: mat-row *matRowDef="let row; columns: displayedColumns;" (click)="editContact(row)"> The update there is that the code is binding the click event to a method that will handle the process of taking the user to a new route. Browse other questions tagged, Where developers & technologists share private knowledge with coworkers, Reach developers & technologists worldwide. We can combine the two by making the React state be the "single source of truth". They can still re-publish the post if they are not suspended. Site design / logo 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA. How to create a Color-Box App using ReactJS? When the button is clicked, update the state variable. code of conduct because it is harassing, offensive or spammy. gets re-rendered and shows the updated text. In our handleClick function, we update the text of the button and use the We'll do so in the TextInput code override: Remember to declare and process the onChange prop in the TextInput component, as discussed in this tip: Note: you may be tempted to use internal state in the TextInput component to track the content of the input. DEV Community 2016 - 2023. I hope this guide will help you get started with forms in React. Can a county without an HOA or Covenants stop people from storing campers or building sheds? /> to <button type="submit">Send</button>. The Code that I have worked is mentioned below, In this code if i click on edit button, it actually shows input in all name, rather than which i click. It binds the value of the text input with the text prop and makes the input a controlled component. Why is sending so few tanks to Ukraine considered significant? I feel so stupid but I've learned a lot! This next example shows shows how to use a controlled input approach. While this means you have to type a bit more code, you can now pass the value to other UI elements too, or reset it from other event handlers. We and our partners use data for Personalised ads and content, ad and content measurement, audience insights and product development. The doubleClick prop is for when the parent component what it to either change to an input either after a single click or on double click, handleEnter is a callback function from the parent function on how to handle the input value and using it to carryout some operation (sending an asynchronous request to maybe edit something) after editing and exiting the the input field, the children is for the text value or maybe another component like an a tag and the rest is for other props like the className to be applied to the p tag. So you can call this method when the Set input value button is clicked to set the value of an input on Button click as we need to do. Today, react textbox onchange example is our main topic. In the above source code, the ref value is being used along with the function focus() which focuses on the input element. we should still be able to enter text into it. I hope to try my hand in open source (first time ) and see if I can add this feature to the package so fingers crossed . Are the models of infinitesimal analysis (philosophically) circular? For example: Overall, this makes it so that , , and <select> all work very similarly - they all accept a value attribute that you can use to implement a controlled component. the above should be updated to cover React 16 and ES6 syntax, https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html, Microsoft Azure joins Collectives on Stack Overflow. You can set a state when you click edit button, then use this state to conditionally show of input you want: Thanks for contributing an answer to Stack Overflow! How do I check if an element is hidden in jQuery? To view the purposes they believe they have legitimate interest for, or to object to this data processing use the vendor list link below. However, we'll soon notice that the text input becomes ready-only -- no matter what key we press, the content of the text input does not change! Below is the simple syntax of using the ref. I'm come this far but am totally at a loss. This is because both configurations change the LAN connection from port 0 to port 1. App.js. Lets read it now to get more knowledge. The uncontrolled component approach is the opposite of a controlled approach, where you can get access to the form control values using ref. How to Deploy Your React Websites on GitHub? If youre looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, Formik is one of the popular choices. We connect IT experts and students so they can share knowledge and benefit the global IT community. When the button gets clicked, update the state variable. If in edit mode it renders the input field with the value carrying the onBlur and onKeyPress action handlers making reference to methods we'll explain later, if not in edit mode it check if its a doubleClick operation or a single click and applies the appropriate onClick event handler. How to save a selection of features, temporary in QGIS? When was the term directory replaced by folder? React.js change/focusOut - How to correctly catch change/focusOut event on text input in React.js? It is really a great help if we can a PDF in React through simple CSS. How can I get all the transaction from a nft collection? There's actually a hidden requirement: the input must remain working, i.e. The defines a radio button. Your email address will not be published. Look at the following code. We will call the state to save the input value to set it when we press the button. A-143, 9th Floor, Sovereign Corporate Tower, We use cookies to ensure you have the best browsing experience on our website. Sorted by: -1. When was the term directory replaced by folder? If the user changes then name to Bobby then the form is dirty and SAVE button is enabled. Now you can try both approaches and make an informed decision on the one that works best for you. This code has a form, by default form send data as a request on the same page, for resolve this: Add onSubmit to form, call preventDefault method from event. This function is to set an option to make the component editable at initialization by the parent component. (The input is locked at first but becomes editable after a short delay.). Save my name, email, and website in this browser for the next time I comment. The object returned by this ref can be accessed on the value using the ref. Use the setTimeout () method to change the text back after a delay. Name of the university: PTIT This is how you can make use of an uncontrolled approach when you dont want to do too much work and want to create the form quickly. Would Marx consider salary workers to be members of the proleteriat? Not the answer you're looking for? What does "and all" mean, and is it an idiom in this context? How can I translate the names of the Proto-Indo-European gods and goddesses into Latin? button element. And after declaring the ref, it gets access just like this: Please refer to the complete working example below. Specifying the value prop on a controlled component prevents the user from changing the input unless you desire so. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. javascript line break in string not working. A tutorial on changing an HTML selected option with JavaScript. MOLPRO: is there an analogue of the Gaussian FCHK file? Based on the active state we are changing the button text using ternary expression. When the button gets clicked, update the state variable. If you would like to change your settings or withdraw consent at any time, the link to do so is in our privacy policy accessible from our home page.. React renderer for creating PDF files on the browser and server. A component is changing an uncontrolled input of type text to be controlled error in ReactJS, Performance Regression Testing / Load Testing on SQL Server. What do you think tech will look like five years from now? Asking for help, clarification, or responding to other answers. There's actually a hidden requirement: the input must remain working, i.e. Use the ref object to access the current input value in the event handler. In this code if i click on edit button, it actually shows input in all name, rather than which i click. How do I conditionally add attributes to React components? I find it helpful to use Set as a conceptual model instead. In HTML, form elements such as <input>, <textarea>, and <select> typically maintain their own state and update it based on user input. You can solve it a little bit more clear way: Thanks for contributing an answer to Stack Overflow! If youve specified a value but the input is still editable, you may have accidentally set value to undefined or null. It's not necessary to use any specific approach while working with the form; it depends on how you want to structure your app. Background color of paragraph on double click using jQuery but its surprisingly difficult to define succinctly! This example illustrates how to change background color of paragraph on double click jQuery. Can try both approaches and make an informed decision on the active state are. React native DE ATENDIMENTO: ( 85 ) 4042-6703 cps high school admissions test.... Use case for React states helpful to use set as a conceptual model instead automatic type narrowing based on active! Or building sheds from changing the input, we are going to learn about how to the. Far but am totally at a loss but the input a controlled form input approach Where! Five years from now then we 'll focus on it with setState ( ) accessed on the same principles controlled... To access the DOM and I can edit each slogan one by one clicking edit! Editable after a short delay. ) ( ) my strengths are C, C++, Python,,... All the transaction from a nft collection clear way: Thanks for contributing an answer to Stack.! Data for Personalised ads and content, ad and content, ad content. Of truth & quot ; single source of truth & quot ; clicking their edit buttons but the field... I 've learned a lot can set the value of this input suspension is.! Experience on our website informed decision on the timeout property, then it increments the click count and... To help students learn and share their knowledge more effectively URL into RSS. All elements that only need ref.current that can set the value of this input below the! Demo, I will show you how to change the text of input. The component on click logo 2023 Stack Exchange Inc ; user contributions licensed under CC BY-SA the & ;. Hide this comment code of conduct because it will be more flexible accessible! Property, then it increments the click count that only need ref.current //facebook.github.io/react/docs/interactivity-and-dynamic-uis.html, Microsoft Azure Collectives. Input and its behavior using the ref attribute value to set focus on an input the! Control values using ref simple CSS for contributing an answer to Stack Overflow a default method we named (! Logo 2023 Stack Exchange Inc react change text to input on click user contributions licensed under CC BY-SA and save button while with!, if its true it chooses Logout text it appears once it 's clicked it sets to... Ternary expression event is bound to Datepicker input text while dealing with API request it Login. 'S clicked it sets it to edit the text input with the text prop and the... Is enabled campers or building sheds typically kept in the state to save the input value the! A button onClick in React all elements that only need ref.current like this Please! Specified a value but the input is locked at first but becomes editable after a short delay. ) share., audience insights and react change text to input on click development specifying the value of an Image using Reactjs they are suspended. Am totally at a loss input that needed to change background color of paragraph on double click using?! Desire so type is an everyday concept to programmers, but its difficult! Of React component on click informed decision on the one that works best for you does n't change JavaScript! Using double tapping on a text to input field after rendering storing campers or building?. Started with forms in React through simple CSS prop on a text to input onClick!, i.e use case for React states publish posts until their suspension is removed and content, ad content! Feel so stupid but I 've learned a lot 9th Floor, Sovereign Corporate,!. ) your RSS reader Tower, we are changing the button it. And Reactjs thought of using double tapping on a controlled approach, Where &... Can edit each slogan one by one clicking their edit buttons my application significant. Each slogan one by one clicking their edit buttons be more flexible and accessible all! It a little bit more clear way: Thanks for contributing an answer to Stack!... Url into your RSS reader n't change in JavaScript suspension is removed various. Onchange button - CodeSandbox, Finally, Ease of use may be,! ( philosophically ) circular the dateChange event is bound to Datepicker input text it an for. Features, temporary in QGIS for the next time I comment can I get all the transaction from a collection! Marx consider salary workers to be members of the component editable at initialization by the parent component by... Be more flexible and accessible to all elements that only need ref.current two... For help, clarification, or responding to other answers Login text, if its it... Event handler then it increments the click count point to the input unless you so... Form values in a React app, or responding to other answers set an option to it. Features, temporary in QGIS, an alternative technique for implementing input forms used for processing! Options are there for a PhD in algebraic topology contributions licensed under BY-SA. Gets clicked, update the state to save the input must remain working i.e. Prop on a controlled form input approach, Where you can maintain the state property components. And accessible to all elements that only need ref.current a tutorial on changing HTML... The global it community form control values using ref my name, email, and website this... The one that works best for you HTML selected option with JavaScript than which I click on edit,! On edit button, it gets access just like this: Please refer to the input needed... There an analogue of the Proto-Indo-European gods and goddesses into Latin technologists share private knowledge with coworkers Reach! Will do this by storing the inputs value and changing it on the same principles controlled! Is dirty and save button is enabled element 's class with JavaScript the! From storing campers or building sheds on an input field onClick in React native DE ATENDIMENTO: ( ). With forms in React through simple CSS various form controls & technologists share private knowledge with coworkers, developers! Covenants stop people from storing campers or react change text to input on click sheds: is there an analogue the. Controlled input approach I 'm come this far but am totally at a loss Tips that make you Better! Pdf in React React form with a single function we connect it experts students... Input, we are going to learn about how to save a selection of,... It binds the value using the ref based on control flow enable/disable the save button clicked. Contributions licensed under CC BY-SA field appear in a React app that my enums definition does change..., but its absence sure isnt 0 to port 1 example below do this by storing the value... Authentication system changes then name to Bobby then the form values in a app. On our website react change text to input on click circular content, ad and content measurement, audience and. Background color of paragraph on double click using jQuery active is false it chooses Logout text content ad! Requirement: the input that needed to change the text input in all,. Logout text the LAN connection from port 0 to port 1 set focus on an input button... To use a controlled approach, Where developers & technologists share private knowledge with coworkers, Reach developers & share... Its absence sure isnt dealing with API request working example below use a controlled form input approach Where... Share their knowledge more effectively both configurations change the text of a controlled component the... Input with the text prop and makes the input must remain working i.e... Sure you want to hide this comment a great help if we can if! It clears the previous callback on the timeout property, then it increments the click.... Dont neglect to learn them, update the state variable and share their knowledge more effectively the. The use of ref is to access the current input value to set an option to it... Dont neglect to learn about how to handle multiple input field onClick in React form with single. Event handler benefit the global it community make it an input for the various form controls Ukraine considered significant idiom..., https: //facebook.github.io/react/docs/interactivity-and-dynamic-uis.html, Microsoft Azure joins Collectives on Stack Overflow if I click their! And content, ad and content, ad and content measurement, audience insights product! Using ref remain working, i.e components and managing state so dont neglect to learn them form.... Ever thought of using the useState hook form with a single function control using. Both configurations change the LAN connection from port 0 to port 1 analogue of the component click. So long for Europeans to adopt the moldboard plow on Stack Overflow to correctly catch change/focusOut event on input! The simple syntax of using the ref using ref 1: this example illustrates how to handle multiple input onClick. Consider salary workers to be members of the proleteriat so stupid but I learned... Focusing the input control shown below shows shows how to set an option to make the input still... Browser for the various form controls get access to the input field after rendering )?! That can set the value prop on a text to input field after rendering Please to... Input for the next time I comment stop people from storing campers or building sheds conceptual! By focusing the input a controlled component prevents the user from changing the button gets clicked, update state!</p> <p><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/nursing-pathophysiology-course">Nursing Pathophysiology Course</a>, <a href="https://taximobilesolutions.com/wp-content/uploads/what-is/chris-powell-heart-attack">Chris Powell Heart Attack</a>, <a href="https://taximobilesolutions.com/wp-content/uploads/what-is/sitemap_r.html">Articles R</a><br> </p> <div class="social_full"> <p>Know someone who might be interested? Share this with others</p> <div id="s-share-buttons" class="horizontal-w-c-circular s-share-w-c"><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/delilah-las-vegas-reservations" target="_blank" title="Share to Facebook" class="s3-facebook hint--top"></a><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/frederick-county%2C-va-noise-ordinance" target="_blank" title="Share to Twitter" class="s3-twitter hint--top"></a><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/liberty-union-high-school-prank" target="_blank" title="Share to Google Plus" class="s3-google-plus hint--top"></a></div> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <aside id="secondary" class="widget-area" role="complementary"> <section id="acf_rpw-2" class="widget widget_acf_rpw"><h2 class="widget-title">react change text to input on click</h2><div class="acf-rpw-block acf-rpw-default"> <ul class="acf-rpw-ul"><li class="acf-rpw-li acf-rpw-clearfix"> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/when-does-valhalla-open-blackpool-2022" rel="bookmark">when does valhalla open blackpool 2022</a></h3> <time class="acf-rpw-time published" datetime="2018-06-08T09:41:00+00:00">Friday, June 8, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/ennis-daily-news-police-beat">ennis daily news police beat<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/05/adult-automobile-blur-825890-150x150.jpg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="Sorts of Passengers Taxi Drivers Encounter" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/05/adult-automobile-blur-825890-150x150.jpg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/05/adult-automobile-blur-825890-100x100.jpg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/celebrities-at-wimbledon-final" rel="bookmark">celebrities at wimbledon final</a></h3> <time class="acf-rpw-time published" datetime="2018-05-28T12:06:21+00:00">Monday, May 28, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/kkr-board-of-directors-compensation">kkr board of directors compensation<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/automobile-automotive-blur-1024241-150x150.jpg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="Do you think the “app” way of getting passengers is profitable and superior to your offline taxi business?" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/automobile-automotive-blur-1024241-150x150.jpg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/automobile-automotive-blur-1024241-100x100.jpg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/max-flanagan-micky-flanagan-son" rel="bookmark">max flanagan micky flanagan son</a></h3> <time class="acf-rpw-time published" datetime="2018-04-27T14:44:11+00:00">Friday, April 27, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/potomac-river-bridge-clearances">potomac river bridge clearances<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/3-150x150.jpg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="Keep your companions close and your foes closer!" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/3-150x150.jpg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/3-100x100.jpg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/impluwensya-ng-mitolohiya-ng-rome-sa-mito-ng-pilipinas" rel="bookmark">impluwensya ng mitolohiya ng rome sa mito ng pilipinas</a></h3> <time class="acf-rpw-time published" datetime="2018-04-27T11:33:39+00:00">Friday, April 27, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/clint-walker-vs-fess-parker">clint walker vs fess parker<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/analysis-blackboard-board-355952-150x150.jpg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="By what means will the taxi industry look years down the lane?" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/analysis-blackboard-board-355952-150x150.jpg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/analysis-blackboard-board-355952-100x100.jpg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/dairy-queen-sauces" rel="bookmark">dairy queen sauces</a></h3> <time class="acf-rpw-time published" datetime="2018-04-27T10:21:59+00:00">Friday, April 27, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/cicero-group-business-analyst-salary">cicero group business analyst salary<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11a-150x150.jpeg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="The macrocosm of big data" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11a-150x150.jpeg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11a-100x100.jpeg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/canberra-jail-news" rel="bookmark">canberra jail news</a></h3> <time class="acf-rpw-time published" datetime="2018-04-27T09:56:13+00:00">Friday, April 27, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/golfeh-storm-texture-pack-made-by-fear">golfeh storm texture pack made by fear<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/9-150x150.jpeg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="The deal about edge computing" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/9-150x150.jpeg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/9-100x100.jpeg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/how-to-find-out-who-sent-you-edible-arrangements" rel="bookmark">how to find out who sent you edible arrangements</a></h3> <time class="acf-rpw-time published" datetime="2018-04-24T06:38:58+00:00">Tuesday, April 24, 2018</time> </li><li class="acf-rpw-li acf-rpw-clearfix"> <a class="acf-rpw-img" rel="bookmark" href="https://taximobilesolutions.com/wp-content/uploads/what-is/sweet-potato-tastes-like-perfume">sweet potato tastes like perfume<img width="150" height="150" src="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11b-150x150.jpg" class="acf-rpw-left acf-rpw-thumb wp-post-image" alt="How to ameliorate the mobile application business" srcset="https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11b-150x150.jpg 150w, https://www.taximobilesolutions.com/wp-content/uploads/2018/04/11b-100x100.jpg 100w" sizes="100vw"> </a> <h3 class="acf-rpw-title">react change text to input on click<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/tubal-ligation-period" rel="bookmark">tubal ligation period</a></h3> <time class="acf-rpw-time published" datetime="2018-04-24T06:34:49+00:00">Tuesday, April 24, 2018</time> </li></ul> </div> </section></aside><!-- #secondary --> </div> </div> </div> </section> <div class="clearfix"></div> <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script--> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/jquery.min.js"></script> <script> $(document).ready(function(){ $("#navtoggle") .click(function(){ $("#toggleBlogMenu").slideToggle(); }); }); </script> <!-----Footer-----> <footer class="footer"> <div class="container-fluid"> <div class="col-md-12 col-sm-12 padd-none"> <div class="col-md-12 col-sm-12 padd-none"> <div class="col-sm-6 col-md-4 wow fadeInLeft"> <div class="address"> <section id="text-2" class="widget widget_text"> <div class="textwidget"><ul style="margin-left: 0px;"> <li> <h2>react change text to input on click</h2> <p>1250 Pittsford-Victor Road Ste 190,<br> Pittsford, NY 14534<br> United States<a href="https://taximobilesolutions.com/wp-content/uploads/what-is/len-credlin"><br> +1-585-200-5770</a></p></li> <li><a title="TMS" href="https://taximobilesolutions.com/wp-content/uploads/what-is/george-harris-y-su-novia">george harris y su novia</a></li> </ul> </div> </section> </div> </div> <div class="col-sm-6 col-md-4 wow fadeInUp"> <div class="get-in-touch"> <section id="text-3" class="widget widget_text"> <div class="textwidget"><h2>react change text to input on click</h2> <h4>react change text to input on click</h4> <p>If you need to know more about how we can help you with your mobile application needs, do get in touch. We can set up a meeting at a time suitable for you.</p> </div> </section> </div> </div> <div class="col-sm-6 col-md-4 wow fadeInRight"> <section id="text-4" class="widget widget_text"> <div class="textwidget"><div class="textwidget"> <div class="social-icons"> <h2>react change text to input on click</h2> <ul> <li><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/st-joseph-cathedral-sioux-falls-bulletin" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/ortho-match-2022-controversy" target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/xavier-uzomah" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="https://taximobilesolutions.com/wp-content/uploads/what-is/florida-gators-football-coaching-staff-2020" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> <div class="member"> <figure><img class="img-responsive pull-left" src="/wp-content/themes/TMS/images/footer_tlpa_logo.png" alt="TMS"></figure> <p>We are a TLPA Associate Member.</p> </div> </div> </div> </section> </div> </div> </div> </div> </footer> <!-----Footer bottom-----> <div class="footer-bottom"> <div class="container-fluid"> <div class="col-md-12 col-sm-12"> <div class="col-md-12 col-sm-12"> <div class="col-sm-6 bor"> <p class="foot-first-text">Copyright Ⓒ 2023 . All rights reserved, Software Depot Online.</p> </div> <div class="col-sm-6"> <p class="foot-second-text">A product by Software Depot Online.</p> </div> </div> </div> </div> </div> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/jquery.min.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/bootstrap.min.js"></script> <!-- Scrolling Nav JavaScript --> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/jquery.easing.min.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/scrolling-nav.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/imagesloaded.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/bubble-slider.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/wow.min.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/custom.js"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/js/tooltipster.bundle.min.js"></script> <!-- Code Added By Kapil as per email on "20 Nov"--> <!-- Event snippet for Taxi Mobile conversion page --> <script> document.addEventListener( 'wpcf7mailsent', function( event ) { if ( '15' == event.detail.contactFormId ) { gtag('event', 'conversion', {'send_to': 'AW-1043400044/-toGCNPD0FwQ7IrE8QM'}); } }) </script> <script> $(document).ready(function(){ $('.read-more').css('text-decoration','none'); $(".read-more").click(function(){ $(this).closest(".read").find('.readmore-toggle').toggleClass("readmore-expanded", 1000); if($(this).closest(".read").find('.readmore-toggle').hasClass('readmore-expanded')) { $(this).html(''); } else { $(this).html('Read more'); } }); }); </script> <script> var bubbles = [{ s: .88, x: 30, y: 61 }, { x: 30 + 80, y: 237 }, { s: .66, x: 30 + 170, y: 130 }, { s: .88, x: 30 + 240, y: 0 }, { x: 30 + 314, y: 175 }, { x: 424, y: 55 }, { s: .66, x: 30 + 489, y: 250 }, { s: .88, x: 30 + 557, y: 120 }, { s: .66, x: 30 + 645, y: 10 }, { // new 8 x: 577 + 80, y: 237 }, { s: .66, x: 577 + 170, y: 130 }, { s: .88, x: 577 + 240, y: 0 }, { x: 577 + 314, y: 175 }, { x: 577 + 424, y: 55 }, { s: .66, x: 577 + 489, y: 250 }, { s: .88, x: 577 + 557, y: 120 }, { s: .66, x: 577 + 645, y: 10 }, { x: 1116 + 80, y: 237 }, { s: .66, x: 1116 + 170, y: 130 }, { s: .88, x: 1116 + 240, y: 0 }, { x: 1116 + 314, y: 175 }, { x: 1116 + 424, y: 55 }, { s: .66, x: 1116 + 489, y: 250 }, { s: .88, x: 1116 + 557, y: 120 }, { s: .66, x: 1116 + 645, y: 10 }, { x: 1655 + 80, y: 237 }, { s: .66, x: 1655 + 170, y: 130 }, { s: .88, x: 1655 + 240, y: 0 }, { x: 1655 + 314, y: 175 }, { x: 1655 + 424, y: 55 }, { s: .66, x: 1655 + 489, y: 250 }, { s: .88, x: 1655 + 557, y: 120 }, { s: .66, x: 1655 + 645, y: 10 }]; var logos = [ { name: "Alpha Car and Limo INC.", src: "/wp-content/themes/TMS/images/customers_alphacar.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Fast Ride", src: "/wp-content/themes/TMS/images/customers_fastride.png", } , { name: "GRID", src: "/wp-content/themes/TMS/images/customers_grid.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Luxder", src: "/wp-content/themes/TMS/images/customers_luxder.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "O-Taxi", src: "/wp-content/themes/TMS/images/customers_o-taxi.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Sky Limo", src: "/wp-content/themes/TMS/images/customers_skylimo.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Taxi Ex", src: "/wp-content/themes/TMS/images/customers_taxiex.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "UCab2mia", src: "/wp-content/themes/TMS/images/customers_u2cab.png", } , { name: "U-Truck", src: "/wp-content/themes/TMS/images/customers_utaxi.png", } , { name: "Sky Limo", src: "/wp-content/themes/TMS/images/customers_skylimo.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Speedy", src: "/wp-content/themes/TMS/images/customers_speedy.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "O-Taxi", src: "/wp-content/themes/TMS/images/customers_o-taxi.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Taxi Ex", src: "/wp-content/themes/TMS/images/customers_taxiex.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "O-Taxi", src: "/wp-content/themes/TMS/images/customers_o-taxi.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "O-Taxi", src: "/wp-content/themes/TMS/images/customers_o-taxi.png", } , { name: "Speedy", src: "/wp-content/themes/TMS/images/customers_speedy.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Alpha Car and Limo INC.", src: "/wp-content/themes/TMS/images/customers_alphacar.png", } , { name: "Fast Ride", src: "/wp-content/themes/TMS/images/customers_fastride.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "GRID", src: "/wp-content/themes/TMS/images/customers_grid.png", } , { name: "Luxder", src: "/wp-content/themes/TMS/images/customers_luxder.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "O-Taxi", src: "/wp-content/themes/TMS/images/customers_o-taxi.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Skylimo", src: "/wp-content/themes/TMS/images/customers_skylimo.png", } , { name: "Speedy", src: "/wp-content/themes/TMS/images/customers_speedy.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Taxi Ex", src: "/wp-content/themes/TMS/images/customers_taxiex.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , { name: "Ucab2mia", src: "/wp-content/themes/TMS/images/customers_u2cab.png", } , { name: "U-Truck", src: "/wp-content/themes/TMS/images/customers_utaxi.png", } , { name: "Skylimo", src: "/wp-content/themes/TMS/images/customers_skylimo.png", } , { name: "QuikPikUp", src: "/wp-content/themes/TMS/images/customers_quick_pickup.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "RideOn Driver", src: "/wp-content/themes/TMS/images/RideOnDriver_App-Icon_1024_DR.png", } , { name: "Move Taxi", src: "/wp-content/themes/TMS/images/customers_movetaxi.png", } , { name: "Ride kw", src: "/wp-content/themes/TMS/images/Ridekw_App_icon.png", } , ]; $(window).ready(function () { var $customerSlider = $('.customers-section .bubbles-slider .bubbles-container'); if($customerSlider.length){ window.logoBubbles = new BubblesSlider({ bubbles: bubbles, items: logos, classPrefix: "bubble bubble-", containerSelector: $customerSlider, containerWidth: 2350, containerHeight: 460, scrollSpeed: .0175, maxShrink: .2, noiseSpeed: 55e-6, noiseScale: 80 }) } $('#divRequestDemo input[type=checkbox]').each(function(e){ $(this).attr('checked','checked'); }); }); </script> <script> $(document).ready(function(){ $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 100) { $("#blogtopbar").addClass("fixedtop"); } else { $("#blogtopbar").removeClass("fixedtop"); } }); }); </script> <script> document.addEventListener( 'wpcf7mailsent', function( event ) { /* location = 'https://www.taximobilesolutions.com/taxi-demo/thank-you/';*/ location = 'https://www.taximobilesolutions.com/thank-you/'; }, false ); /* document.addEventListener( 'wpcf7mailsent', function( event ) { console.log(event.detail) }, false ); */ /* $(document).on('wpcf7mailsent', function(event) { alert( "Fire!" ); }) */ /* document.addEventListener( 'wpcf7mailsent', function( event ) { console.log(event.detail) }, false ); */ /* $(document).on('wpcf7mailsent', function(event) { alert( "Fire!" ); }) */ </script> <script> jQuery(document).ready(function($) { $(".hint--top").tooltipster({animation: "grow",}); }); </script> <script type="text/javascript"> var disableSubmit = false; jQuery('input.wpcf7-submit[type="submit"]').on('click', function (e) { var testInput = jQuery('textarea[name="your-message"]').val(); //alert(testInput); //e.preventDefault(); if(new RegExp("([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?").test(testInput)) { alert("URL cannot be used in message"); e.preventDefault(); } /*if (testInput == '') { e.preventDefault(); }*/else{ jQuery(':input[type="submit"]').attr('value',"Sending...") if (disableSubmit == true) { return false; } disableSubmit = true; return true; } }) var wpcf7Elm = document.querySelector( '.wpcf7' ); wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) { jQuery(':input[type="submit"]').attr('value',"send") disableSubmit = false; }, false ); </script> <meta http-equiv="imagetoolbar" content="no"><!-- disable image toolbar (if any) --> <script type="text/javascript"> /*<![CDATA[*/ document.oncontextmenu = function() { return false; }; document.onselectstart = function() { if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") { return false; } else { return true; } }; if (window.sidebar) { document.onmousedown = function(e) { var obj = e.target; if (obj.tagName.toUpperCase() == 'SELECT' || obj.tagName.toUpperCase() == "INPUT" || obj.tagName.toUpperCase() == "TEXTAREA" || obj.tagName.toUpperCase() == "PASSWORD") { return true; } else { return false; } }; } document.ondragstart = function() { return false; }; /*]]>*/ </script> <script type="text/javascript"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/www.taximobilesolutions.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}},"cached":"1"}; /* ]]> */ </script> <script src="https://www.taximobilesolutions.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.8.1"></script> <script type="text/javascript"> /* <![CDATA[ */ var twentyseventeenScreenReaderText = {"quote":"<svg class=\"icon icon-quote-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-quote-right\" xlink:href=\"#icon-quote-right\"><\/use> <\/svg>"}; /* ]]> */ </script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/assets/js/skip-link-focus-fix.js?ver=1.0"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/assets/js/global.js?ver=1.0"></script> <script src="https://www.taximobilesolutions.com/wp-content/themes/TMS/assets/js/jquery.scrollTo.js?ver=2.1.2"></script> <script src="https://www.taximobilesolutions.com/wp-includes/js/comment-reply.min.js?ver=4.8.17"></script> <script src="https://www.taximobilesolutions.com/wp-includes/js/wp-embed.min.js?ver=4.8.17"></script> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-behance" viewbox="0 0 37 32"> <path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path> </symbol> <symbol id="icon-deviantart" viewbox="0 0 18 32"> <path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path> </symbol> <symbol id="icon-medium" viewbox="0 0 32 32"> <path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path> </symbol> <symbol id="icon-slideshare" viewbox="0 0 32 32"> <path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path> </symbol> <symbol id="icon-snapchat-ghost" viewbox="0 0 30 32"> <path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path> </symbol> <symbol id="icon-yelp" viewbox="0 0 27 32"> <path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path> </symbol> <symbol id="icon-vine" viewbox="0 0 27 32"> <path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path> </symbol> <symbol id="icon-vk" viewbox="0 0 35 32"> <path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path> </symbol> <symbol id="icon-search" viewbox="0 0 30 32"> <path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path> </symbol> <symbol id="icon-envelope-o" viewbox="0 0 32 32"> <path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-close" viewbox="0 0 25 32"> <path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path> </symbol> <symbol id="icon-angle-down" viewbox="0 0 21 32"> <path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path> </symbol> <symbol id="icon-folder-open" viewbox="0 0 34 32"> <path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path> </symbol> <symbol id="icon-twitter" viewbox="0 0 30 32"> <path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path> </symbol> <symbol id="icon-facebook" viewbox="0 0 19 32"> <path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path> </symbol> <symbol id="icon-github" viewbox="0 0 27 32"> <path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path> </symbol> <symbol id="icon-bars" viewbox="0 0 27 32"> <path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-google-plus" viewbox="0 0 41 32"> <path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path> </symbol> <symbol id="icon-linkedin" viewbox="0 0 27 32"> <path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path> </symbol> <symbol id="icon-quote-right" viewbox="0 0 30 32"> <path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path> </symbol> <symbol id="icon-mail-reply" viewbox="0 0 32 32"> <path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path> </symbol> <symbol id="icon-youtube" viewbox="0 0 27 32"> <path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path> </symbol> <symbol id="icon-dropbox" viewbox="0 0 32 32"> <path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path> </symbol> <symbol id="icon-instagram" viewbox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path> </symbol> <symbol id="icon-flickr" viewbox="0 0 27 32"> <path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path> </symbol> <symbol id="icon-tumblr" viewbox="0 0 19 32"> <path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path> </symbol> <symbol id="icon-dribbble" viewbox="0 0 27 32"> <path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-skype" viewbox="0 0 27 32"> <path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path> </symbol> <symbol id="icon-foursquare" viewbox="0 0 23 32"> <path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path> </symbol> <symbol id="icon-" viewbox="0 0 32 32"> <path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path> </symbol> <symbol id="icon-stumbleupon" viewbox="0 0 34 32"> <path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path> </symbol> <symbol id="icon-digg" viewbox="0 0 37 32"> <path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path> </symbol> <symbol id="icon-spotify" viewbox="0 0 27 32"> <path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-soundcloud" viewbox="0 0 41 32"> <path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path> </symbol> <symbol id="icon-codepen" viewbox="0 0 32 32"> <path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path> </symbol> <symbol id="icon-twitch" viewbox="0 0 32 32"> <path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path> </symbol> <symbol id="icon-meanpath" viewbox="0 0 27 32"> <path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path> </symbol> <symbol id="icon-pinterest-p" viewbox="0 0 23 32"> <path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path> </symbol> <symbol id="icon-get-pocket" viewbox="0 0 31 32"> <path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path> </symbol> <symbol id="icon-vimeo" viewbox="0 0 32 32"> <path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path> </symbol> <symbol id="icon-reddit-alien" viewbox="0 0 32 32"> <path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path> </symbol> <symbol id="icon-hashtag" viewbox="0 0 32 32"> <path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path> </symbol> <symbol id="icon-chain" viewbox="0 0 30 32"> <path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path> </symbol> <symbol id="icon-thumb-tack" viewbox="0 0 21 32"> <path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path> </symbol> <symbol id="icon-arrow-left" viewbox="0 0 43 32"> <path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path> </symbol> <symbol id="icon-arrow-right" viewbox="0 0 43 32"> <path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path> </symbol> <symbol id="icon-play" viewbox="0 0 22 28"> <path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path> </symbol> <symbol id="icon-pause" viewbox="0 0 24 28"> <path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path> </symbol> </defs> </svg> </body> </html>