Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 1 Body
Accordion Tab 2 Body
Accordion Tab 5 Body
Tab3
This will only show up if the user is not logged in
The automotive and transportation industry is innovating like never before. Pave the road to success as you navigate bringing your next product to market.
Get your product into high gear with Avnet and our leading automotive technology suppliers. Contact us today to see how we can help.
Hero V2
Updated
Danish brownie toffee fruitcake tootsie roll chocolate bar liquorice. Gingerbread muffin tootsie roll candy candy canes tart lemon drops brownie soufflé.
Marshmallow pudding oat cake jelly chupa chups. Gingerbread gummies apple pie chocolate gummies topping pastry.
Lorem ipsum
Title test
CTA
Dessert lemon drops oat cake jujubes. Pastry chocolate caramels sugar plum pie. Dragée pie sweet. Powder apple pie liquorice chupa chups ice cream. Cake toffee candy bear claw caramels cookie marzipan sesame snaps. Cake pastry muffin chocolate cake. Brownie croissant cupcake apple pie biscuit carrot cake wafer. Croissant powder toffee icing ice cream. Donut chocolate bonbon topping cheesecake cupcake. Gummies candy canes brownie gummi bears lollipop halvah. Gummies sweet roll powder. Marzipan jelly beans sugar plum pastry jelly-o muffin chocolate. Chocolate bar lollipop gingerbread ice cream gummi bears gummies cotton candy candy canes.
Old Modal
Modal Stuff
Avmodal tag use
A quick simple way to add a link or button to the page.
<avmodal class="modal-1">Tag Modal</avmodal>
Avmodal tag with the type option (link vs Button)
With the simple tag it will default to a link however you can specify if you want it to be a button or a link by using the data-type attribute and giving it a value of button or link.
Button: <avmodal class="modal-1" data-type="button">Tag Modal</avmodal>
Link: <avmodal class="modal-1" data-type="link">Tag Modal</avmodal>
Avmodal tag Overwriting redirect link
If you set a redirect URL up in the form does not matter. if you are adding an activation link/button to open the modal in html if you need the form to redirect you could set it all up in the form or set it up on the link or button. if you choose to do the latter it will overwrite the urls setup in form, one exception is on a link type activation if you set the href to just # it will use what is in the form.
To overwrite the urls and targets you can add any the attributes url, url2, target, target2
url = The redirection of the primary button
target = The target for the primary button (_self, _blank ...)
url2 = The redirection of the secondary button
target2 = The target for the secondary button (_self, _blank ...)
<avmodal class="modal-1" data-type="button" url="https://avnet.com" url2="https://amazon.com" target="_blank" target2="_blank">Tag Modal</avmodal>
HTML Use
Stright forward HTML option can be a bit to remember but with this option the modal would use the the URL's in the form for any redirection if required.
<a href="#" class="modal-1">Link Text</a>
Link Text
Simple Button Use <button class="av-modal-btn av-modal-btn-primary modal-1">Button Text</button>
NOTES
To overwrite the urls and targets for a HTML button type you can add any the attributes url, url2, target, target2
url = The redirection of the primary button
target = The target for the primary button (_self, _blank ...)
url2 = The redirection of the secondary button
target2 = The target for the secondary button (_self, _blank ...)
To overwrite the urls and targets for a HTML link type you can add any the attributes href, href2, target, target2
href = The redirection of the primary button
target = The target for the primary button (_self, _blank ...)
href2 = The redirection of the secondary button
target2 = The target for the secondary button (_self, _blank ...)
Back to top stuff
Simple Usage
<avbtt>Back to Top</avbtt>
Avbtt tag with the type option (link vs Button)
<avbtt data-type="button">Back to Top</avbtt>
<avbtt data-type="link">Back to Top</avbtt>
HTML Use
<button class="btn btn-primary av-back-to-top-ctrl">Back to Top</button>
<a href="#" class="av-back-to-top-ctrl">Back to Top</a>
Back to Top
<avsearch> </avsearch>
Lorem ipsum dolor sit amet
Ut fermentum
Proin tempor pretium mauris non euismod. Morbi viverra dignissim ipsum, sed luctus purus consectetur in. Mauris mollis venenatis laoreet. Mauris et tortor a velit vulputate gravida. Aenean tincidunt purus leo, non pulvinar nibh vulputate ac.
Morbi varius
Nam eu sollicitudin ex. Pellentesque ullamcorper posuere velit, eu aliquet tellus sagittis consectetur. Curabitur in scelerisque nisi, lobortis facilisis purus. Suspendisse potenti.
Vivamus ex est
Curabitur eu tellus finibus, scelerisque mauris ut, facilisis odio. Mauris tincidunt elit sed ex commodo, ac tempus turpis maximus. Fusce tristique, mauris sit amet ornare posuere, ex massa molestie nisl, quis lacinia quam mi ac odio.