Timeline widget
style01
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
<!-- *** Matrix Widget timeline 01 *** -->
<div class="timeline-item primary-color pull-top-10" date-is="12-02-2016">
<h3>
Single responsive timeline!
</h3>
<p>
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far...
While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
</p>
</div>
style02
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
<!-- *** Matrix Widget timeline 02 *** -->
<style>
/*<![CDATA[*/
.timeline-item.style2::after {
width: 15px;
height: 15px;
display: block;
border-radius:500px;
top: 1.1em;
position: absolute;
left: -10px;
content: '';
}
/*]]>*/
</style>
<div class="timeline-item style2 primary-color pull-top-10" date-is="12-02-2016" style="color:#003be0;">
<h3>
Single responsive timeline!
</h3>
<p>
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far...
While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
</p>
</div>
style3
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
Single responsive timeline!
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far... While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
<!-- *** Matrix Widget timeline 03 *** -->
<style>
/*<![CDATA[*/
.timeline-item.style3::after {
width: 15px;
height: 13px;
display: block;
top: 1.1em;
position: absolute;
left: -10px;
content: '';
}
/*]]>*/
</style>
<div class="timeline-item style3 primary-color pull-top-10" date-is="12-02-2016" style="color:#eca825;">
<h3>
Single responsive timeline!
</h3>
<p>
I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. I write the best placeholder text, and I'm the biggest developer on the web by far...
While that's mock-ups and this is politics, are they really so different? I think the only card she has is the Lorem card.
</p>
</div>
How to add a custom widget to your Jimdo website
1. Click the Matrix Themes admin menu and select the 'Shortcodes' section.
2. Choose any custom widget using the copy button.
3. Paste the widget code to your website inside the 'Widget/HTML' module.
4. Customize it by adding your own text and images.
Make your own website
with built-in tools to grow your business online.
GET INSPIRED
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| header | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 |
| social icons | |
| navigation color | |
| subnav background |
| background color | |
| navigation color |
| has-center-nav g-font |
| size-15 weight-400 snip-nav is-uppercase --line01 |
| form-white |
| o-form color-white |
| weight-600 is-uppercase |
| weight-600 is-uppercase |
| weight-600 is-uppercase |
| weight-600 is-uppercase |
Note: All changes made here will be applied to your entire website.
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE