Assign modules on offcanvas module position to make them visible in the sidebar.

Don't have a credit card yet?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

2022-12-15 校友會活動 - 台科大 EDBA/EMBA校友會慈善高爾夫暨晚宴
2022-10-15 校友會活動 - 淨灘
第十四屆慈善音樂會 - 璀燦極光
台科大EDBA/EMBA校友會第十四屆慈善音樂會愛心榜
7th 理監事
第7屆工作群
20210701 桃園醫院 24小時熱食捐贈
20210701 桃園醫院 24小時熱食捐贈感謝狀
20220319 「元宇宙」專題講座
Previous Next Play Pause

JM-Sample-Data

1、校友會成立緣起:93年某天由前 鍾院長及 楊文鐸執行長和數位學長,在凱悅飯店餐敘, 提出成立校友會之必要性及期望,希望大伙兒一起來促成。
2、EMBA學長姊皆事業有成,捐款踴躍,但取得捐款扣抵稅憑證難,當時學校校友會對指定捐款需保留10%,成立校友會之必要性更緊迫。
3、94.8.26邀請 陳校長、潘院長、葉執行長及數位學長在天壜餐廳商討發起成立校友會。獲得 陳校長、潘院長及葉執行長的承諾,要盡全力協助我們。
4、94.9.30 91級 許奉文學長召開發起人會議,由 廖忠信律師學長草擬章程,並準備向內政部註冊社團法人所需之文件資料,由1-8屆共32位學長姐,在祥福樓餐廳當場畫押,填寫發起人名冊,確認組織章程,目標在2006年校慶前成立。
5、接獲內政部承辦人員的答覆是:各校校友會只能有一個,目前本校已有全校性校友會,故不能再立案成立EDBA/EMBA校友會。成立校友教育基金會則需3,000萬基金。
6、全國性社團的規範目前正醞釀修法,擬降低縣市設籍數量的門檻,大約在2006年3月會有結果出來,到時申請應能通過。
7、先成立EDBA/EMBA校友會,並訂定合乎運作所需之章程、系統,不急著向內政部立案。決議徵召E1林坤財、E2劉益民、E3黃廷賢、E4徐青雲、E5沈伯陽、E6廖忠信、E6許奉文、E7黃郁能、E7譚華山、E8劉忠繼等十位 學長姊為籌備委員,進入實質籌備階段。
8、95.1.9第一次正式籌備會議:因未符合全國性社團之要件,未能正名為EDBA/EMBA校友會,俟成立運作順暢且待法令修改降低門檻後,再依需要狀況成立相關之基金會。
9、章程研討:校友會組織章程將依上項機制與構想配合調整,正名為「國立台灣科技大學管理學院EDBA/EMBA校友會」。理監事任期訂為二年,為無給職,由理監事推選 理事長。(理事長得連任一次,但全體理監事有共識:理事長以不連任為原則,讓人才濟濟的EDBA/EMBA校友皆有機會擔當此職務,也免萬年 理事長產出)。
10、95.2.9召開第二次籌備會議:確認組織章程、理監事人選、校友會運作之組織架構草案。
11、95.3.2召開第三次籌備會議:確認籌備工作全部完成,成立大會之工作計畫定案並能付諸執行。(訂定入會費及長年會費,委由各班理事學長幫忙統一收取)。
12、95.3.18 舉行校友會成立大會,與校慶校友回娘家併案辦理;校友會會長人選,以1-4屆 學長擔任首任會長為妥。(由 葉執行長推薦89級 郭義松學長擔任首任會長)。
13、修正為:繳交2,000元為預備會員,繳足12,000元為永久會員,不收入會費及年費,永久會費12,000元不要動支,待存足3,000萬時可成立校友教育基金會。
14、不徵收職務捐(職務捐有買官之想像及弊病,避之);舉辦大型活動並募款,充作校友會之活動基金。(故而舉辦慈善音樂會並募集到往後校友會各項開辦費用)。
15、97.11.15 93企管 張涵曦學長著手全國性社團法人立案發起及申請,徵求發起人; 97.12.3正式向主關機關內政部提出立案申請。
16、98.2.6獲內政部函復核准籌組;籌備委員 譚華山、林俊雄、張涵曦、李郡漢、陳厚裕、張溪石,並推選 劉忠繼學長擔任主任委員, 98.3.13內政部來函同意本會召開成立大會。
17、98.3.21召開成立大會暨第一屆第一次會員大會,通過組織章程草案、年度工作計畫、年度經費收支預算案,並選舉理監事。(最低門檻:理事15 / 候補3, 監事3 / 候補1, 理監事聯席會議需過 1/2人數參加,該會議決議方為有效;並以3月份訂為理監事交接基準日)。
18、98.7.8 內政部來函核准立案,並核發校友會立案證書及負責人當選證明書,校友會正式完成立案申請。(當選證明書起訖日期為兩年內之3月份)。
以上冗長的過程報告,是希望讓大家了解並感受 校友會的誕生歷程,正如一個BABY的十月懷胎過程,希望大家一起來珍惜,共同來照顧、耕耘。希望未來校友會是你的「第二個家」;是一個可以找到志同道合、共同興趣夥伴的社群;是一個能讓你滋養成長的園地;是一個你能交流、整合資源、共享的社會平台。這是一塊共耕的福田,為學校、為你自己、為有緣的學長姊值得投入的園地。校友會需要大家的扶持,它才能順利誕生、生生不息、蒸蒸日上。值此 校友會第五屆第一次會員大會暨理監事選舉之期,期盼 全體校友學長姊皆能踴躍撥空參與,並選出理監事為EDBA/EMBA校友會戮力耕耘,讓 校友會永續、發光、發亮 !
92級工管 譚華山 謹識 106.3.22


Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur.

Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat.

Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat.


Cras eu quam vitae magna cursus adipiscing. Etiam quis mi lacus. Proin fermentum velit non ligula malesuada imperdiet. Sed sapien enim, porta vel tempus sed, suscipit quis nisl. In vestibulum ut massa eu feugiat. Nulla vestibulum ultrices felis sit amet dapibus. Suspendisse et ligula hendrerit, auctor justo vel, sagittis metus.

Mauris tincidunt quam eu pulvinar sagittis. Pellentesque imperdiet, purus vel feugiat pharetra, lectus velit scelerisque nisi, a aliquam nibh augue vel urna. In volutpat tellus et pulvinar varius. Aenean ultricies euismod rhoncus.

Nunc tincidunt eros ut mauris ullamcorper, vitae semper ligula convallis. Morbi tincidunt congue venenatis. Fusce at vestibulum nisl, et congue nisi. Vestibulum sollicitudin tellus id arcu vulputate, sit amet vestibulum est pulvinar.


Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Vivamus blandit tellus risus, et hendrerit nisi aliquet ut. Ut imperdiet orci tellus, in tristique urna mattis eu. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla.

Morbi et consectetur ante. Etiam eu sodales tortor, ac dapibus lectus. In laoreet tempor felis, in ornare urna consequat sit amet. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec accumsan.

Suspendisse pellentesque placerat risus id porttitor. Morbi elit nulla, tincidunt sit amet justo sit amet, adipiscing molestie quam. Proin hendrerit eleifend egestas. In erat enim, ultricies nec nunc mattis, sodales placerat lacus. Nam ultrices adipiscing volutpat.


You can make your Joomla! website unavailable to visitors until selected date. To enable this option login to Administrator back-end.

1. Click the Extensions → Template Manager → JM-Template-Name → Basic Settings menu item

2. Find field Coming Soon and click Enable button.

3. Next set date in filed Coming Soon Date.

Click the Save button to implement the new settings.

Title and description you can change in Extensions → Module Manager. Find module Our site is coming soon on position coming-soon. You can also publish different type of module if you like.

Coming Soon page can be easily customised in file - /templates/jm-template-name/tpl/comingsoon.php

Credit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. $1
Donec tempor hendrerit sapien, sed mattis diam eleifend tempus. $5
Donec ornare venenatis imperdiet. $10
Vestibulum sed nibh in nisi blandit ornare eget vel neque. $15
Cras condimentum porttitor quam, id tincidunt odio lacinia id. $20
Banking Services
Pellentesque convallis imperdiet velit a consequat. $5
Praesent quis purus cursus mauris ultrices ultrices ac vitae purus. $10
Phasellus at velit lacinia quam dapibus eleifend eu ac nisl. $15
Donec id justo tempus, tincidunt ipsum ut, rutrum quam. $20
Ut ultricies consectetur faucibus. $25
Additional charges
Etiam nibh nisl, fermentum sit amet egestas in, sodales in dui. $5
Quisque eu orci finibus, accumsan eros id, posuere est. $10
Vestibulum faucibus, mi eu mattis faucibus, orci velit pharetra tellus. $15
Proin imperdiet sapien ut dolor. $20
Praesent semper finibus consectetur. $15

Ut lectus felis, facilisis nec erat at, pretium pellentesque lectus. Donec sit amet nibh est. Morbi augue libero, pretium vitae nulla ac, malesuada ultricies neque. Donec eget neque erat. Nam dictum justo sit amet placerat consectetur.

Maecenas laoreet, ligula vel scelerisque ultricies, lorem urna luctus odio, eget convallis urna erat quis justo. Morbi vel placerat nisl, ut tempor odio. Sed lacinia purus sit amet lorem dictum tincidunt. Nunc placerat egestas vehicula. Fusce eu risus sit amet metus sagittis volutpat vehicula porttitor elit. Sed fringilla purus sed mi scelerisque scelerisque. Donec vel enim ligula. Phasellus vulputate ac dui aliquet dapibus. Suspendisse ut vestibulum tellus, sed gravida arcu. Aliquam erat volutpat.

Donec sit amet eleifend tortor. In mattis velit ut nunc luctus ultrices. Nunc aliquet risus eget lorem dignissim, id imperdiet nulla ultricies. Sed euismod bibendum dui, vel faucibus quam tempor at. Etiam sagittis massa in urna sagittis, non viverra nibh placerat.


Cras eu quam vitae magna cursus adipiscing. Etiam quis mi lacus. Proin fermentum velit non ligula malesuada imperdiet. Sed sapien enim, porta vel tempus sed, suscipit quis nisl. In vestibulum ut massa eu feugiat. Nulla vestibulum ultrices felis sit amet dapibus. Suspendisse et ligula hendrerit, auctor justo vel, sagittis metus.

Mauris tincidunt quam eu pulvinar sagittis. Pellentesque imperdiet, purus vel feugiat pharetra, lectus velit scelerisque nisi, a aliquam nibh augue vel urna. In volutpat tellus et pulvinar varius. Aenean ultricies euismod rhoncus.

Nunc tincidunt eros ut mauris ullamcorper, vitae semper ligula convallis. Morbi tincidunt congue venenatis. Fusce at vestibulum nisl, et congue nisi. Vestibulum sollicitudin tellus id arcu vulputate, sit amet vestibulum est pulvinar.


Cras eleifend iaculis purus sed hendrerit. Nulla facilisi. Sed congue semper consequat. Nam viverra semper libero, a luctus eros. Nulla porttitor commodo velit nec rhoncus. Vivamus blandit tellus risus, et hendrerit nisi aliquet ut. Ut imperdiet orci tellus, in tristique urna mattis eu. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla.

Morbi et consectetur ante. Etiam eu sodales tortor, ac dapibus lectus. In laoreet tempor felis, in ornare urna consequat sit amet. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec accumsan.

Suspendisse pellentesque placerat risus id porttitor. Morbi elit nulla, tincidunt sit amet justo sit amet, adipiscing molestie quam. Proin hendrerit eleifend egestas. In erat enim, ultricies nec nunc mattis, sodales placerat lacus. Nam ultrices adipiscing volutpat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque magna et orci porttitor ullamcorper. Proin euismod pretium dolor non consectetur. Aliquam feugiat nunc ac justo hendrerit, non lobortis lacus condimentum.

Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa. Quisque vestibulum tempus felis. Nulla interdum varius arcu nec. Duis id erat nunc. Nam eu aliquam velit. Donec pretium sed quam quis pulvinar. Fusce felis ante, pulvinar ac metus et, adipiscing. Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla. Morbi et consectetur ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque magna et orci porttitor ullamcorper. Proin euismod pretium dolor non consectetur. Aliquam feugiat nunc ac justo hendrerit, non lobortis lacus condimentum. Duis id erat nunc. Nam eu aliquam velit.

Pellentesque ligula nisl, hendrerit nec facilisis sit amet, faucibus ac nulla. Morbi et consectetur ante. Etiam eu sodales tortor, ac dapibus lectus. In laoreet tempor felis, in ornare urna consequat sit amet. Praesent vehicula libero ac tellus rutrum ultrices. Sed eu consectetur libero, id varius massa.

Suspendisse urna risus, interdum eu molestie eu, blandit vel orci. Vestibulum erat dui, tristique pharetra pellentesque id, consequat vitae massa.

There are several available module designs that you can control by entering the correct suffix name to a module parameter.
Let's check them all.

JM Financial Services Joomla template is using fully responsive layout that adjusts to various screens: desktops, tablets or mobiles.
EF4 Framework includes Layout Builder tool which allows you to customize template layout for different screen dimensions.

Animated hover CSS3 effects for images

This code allows you to display an image and its description with animated CSS3 effect.
Note: If you would like to add your own text into the image description, just modify the code below or edit an existing code in the custom module of the demo template.

 

Example 1

<div class="ch-item ch-first" style="background: url('/images/modules/animated.jpg') no-repeat;"> <div class="ch-info"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div>

 

 

Example 2

<div class="ch-item ch-second" style="background: url('/images/modules/animated.jpg') no-repeat;"> <div class="ch-info-wrap"> <div class="ch-info"> <div class="ch-info-front"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div> </div>

 

 

Example 3

<div class="ch-item ch-third"> <div class="ch-info"> <div class="ch-info-front" style="background: url('/images/modules/animated.jpg') no-repeat;"> </div> <div class="ch-info-back"> <div class="ch-container"> <div class="ch-outer"> <div class="ch-inner"> <p><a href="/#link">CHECK OUR<br /><span class="smaller">NEW OFFER!</span></a></p> </div> </div> </div> </div> </div> </div>

 

 

Video

<div class="view view-video"><img src="/images/modules/animated.jpg" border="0" alt="Video" /> <div class="mask"> <span class="space"> &nbsp; </span> <a class="modal readmore" href="/#link" rel="{handler: 'iframe', size: {x: 800, y: 600}}"><span>Watch the Video</span></a></div>

 

 

Image Borders

<img class="border_img1" src="/image.jpg" />
Typography

 

<img class="border_img2" src="/image.jpg" />
Typography

 

<img class="border_img3" src="/image.jpg" />
Typography

 

Headings

This is Heading One (h1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Two (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Three (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

This is Heading Four (h4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Five (h5)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.


This is Heading Six (h6)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.

 

Numered blocks

<p class="jm-block"><span class="jm">01</span>Text goes here</p>

01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

<p class="jm-block second"><span class="jm">a</span>Text goes here</p>

aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.

 

Colored blocks

this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>

 

this is a paragraph with the class "green"
<p class="green" > Text goes here</p>

 

this is a paragraph with the class "red"
<p class="red" > Text goes here</p>

this is a paragraph with the class "bluefill"
<p class="bluefill" > Text goes here</p>

this is a paragraph with the class "greenfill"
<p class="greenfill" > Text goes here</p>

this is a paragraph with the class "redfill"
<p class="redfill" > Text goes here</p>

 

Quote blocks

this is a paragraph with the class "quote-left"
<p class="quote-left" > Text goes here</p>

this is a paragraph with the class "quote-right"
<p class="quote-right" > Text goes here</p>

 

Icon blocks

this is a paragraph with the class "jmbadge"
<p class="jmbadge" > Text goes here</p>

this is a paragraph with the class "jmcalendar"
<p class="jmcalendar" > Text goes here</p>

this is a paragraph with the class "jmchat"
<p class="jmchat" > Text goes here</p>

this is a paragraph with the class "jmcheck"
<p class="jmcheck" > Text goes here</p>

this is a paragraph with the class "jmcloud"
<p class="jmcloud" > Text goes here</p>

this is a paragraph with the class "jmdirection"
<p class="jmdirection" > Text goes here</p>

this is a paragraph with the class "jmdivide"
<p class="jmdivide" > Text goes here</p>

this is a paragraph with the class "jmerror"
<p class="jmerror" > Text goes here</p>

this is a paragraph with the class "jmfire"
<p class="jmfire" > Text goes here</p>

this is a paragraph with the class "jmflag"
<p class="jmflag" > Text goes here</p>

this is a paragraph with the class "jmheart"
<p class="jmheart" > Text goes here</p>

this is a paragraph with the class "jmhome"
<p class="jmhome" > Text goes here</p>

this is a paragraph with the class "jminfo"
<p class="jminfo" > Text goes here</p>

this is a paragraph with the class "jmlist"
<p class="jmlist" > Text goes here</p>

this is a paragraph with the class "jmmail"
<p class="jmmail" > Text goes here</p>

this is a paragraph with the class "jmpeople"
<p class="jmpeople" > Text goes here</p>

this is a paragraph with the class "jmstar"
<p class="jmstar" > Text goes here</p>

this is a paragraph with the class "jmstat"
<p class="jmstat" > Text goes here</p>

 

Unordered lists


Default list
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-light"
Enter the class name to ul tag <ul class="jm-light">
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-dark"
Enter the class name to ul tag <ul class="jm-dark">
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

 

Ordered lists


Default list
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-roman"
Enter the class name to ol tag <ol class="jm-roman">
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum
This is a list with the class "jm-alpha"
Enter the class name to ol tag <ol class="jm-alpha">
  1. Duis tincidunt nunc sit amet ipsum
  2. Duis tincidunt nunc sit amet ipsum
  3. Duis tincidunt nunc sit amet ipsum
    1. Duis tincidunt nunc sit amet ipsum
    2. Duis tincidunt nunc sit amet ipsum
      1. Duis tincidunt nunc sit amet ipsum
      2. Duis tincidunt nunc sit amet ipsum
      3. Duis tincidunt nunc sit amet ipsum

 

Offcanvas button (top-menu-nav)

<p><a class="toggle-nav menu"><span class="icon-align-justify"></span></a></p>

 

 

Custom modules (left-column)

<div class="jm-box"><a href="/#"> <span class="icon"><img src="/images/modules/icons/icon1.png" alt="" /></span> <span class="title">Estimate monthly payment</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</span> </a></div>

<div class="jm-box"><a href="/#"> <span class="icon"><img src="/images/modules/icons/icon2.png" alt="" /></span> <span class="title">Apply for a credit</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</span> </a></div>

<div class="jm-box"><a href="/#"> <span class="icon"><img src="/images/modules/icons/icon3.png" alt="" /></span> <span class="title">Is your credit ending soon?</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</span> </a></div>

<div class="jm-box"><a href="/#"> <span class="icon"><img src="/images/modules/icons/icon4.png" alt="" /></span> <span class="title">Find An Advisor</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</span> </a></div>

Custom modules (right-column)

<div class="jm-box-vertical"><a class="jm-panel icon1" href="/#"><span class="jm-icon">&nbsp;</span><span class="jm-cell"><span class="title">Estimate monthly payment</span><span class="subtitle">lorem ipsum dolor</span></span></a> <a class="jm-panel icon2" href="/#"><span class="jm-icon">&nbsp;</span><span class="jm-cell"> <span class="title">Apply for a credit</span><span class="subtitle">lorem ipsum dolor</span></span> </a> <a class="jm-panel icon3" href="/#"><span class="jm-icon">&nbsp;</span><span class="jm-cell"> <span class="title">Is your credit ending soon?</span><span class="subtitle">lorem ipsum dolor</span></span> </a> <a class="jm-panel icon4" href="/#"><span class="jm-icon">&nbsp;</span><span class="jm-cell"> <span class="title">Find An Advisor</span><span class="subtitle">lorem ipsum dolor</span> </span></a></div>

Custom modules (bottom)

<div class="jm-bottom-box"> <div class="icon"><img src="/images/modules/icons/icon-phone.png" alt="" /></div> <div class="content"><span class="title jm-color">Make an appointment</span><span class="desc">+44 7983 462 854</span></div> </div>
<div class="jm-bottom-box"> <div class="icon"><img src="/images/modules/icons/icon-mail.png" alt="" /></div> <div class="content"><span class="title jm-color">Send us an e-mail</span><span class="desc">Email住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它</span></div> </div>
<div class="jm-bottom-box"> <div class="icon"><img src="/images/modules/icons/icon-direction.png" alt="" /></div> <div class="content"><span class="title jm-color">Visit us</span><span class="desc">7 Green Lane, London</span></div> </div>

 

Make an appointment+44 7983 462 854
Send us an e-mailEmail住址會使用灌水程式保護機制。你需要啟動Javascript才能觀看它
Visit us7 Green Lane, London

 

Promotion

<div class="jm-promo"> <p><a href="/#"> <img src="/images/modules/promo.png" alt="" /> <span class="title">Don't have a credit card yet?</span> </a></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p> </div>

Don't have a credit card yet?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Pricing table

<div class="clearfix"> <table class="table pricing" style="width: 33%;"> <thead> <tr><th colspan="2">Credit</th></tr> </thead> <tbody> <tr> <td class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> <td class="price">$1</td> </tr> <tr> <td class="item">Donec tempor hendrerit sapien, sed mattis diam eleifend tempus.</td> <td class="price">$5</td> </tr> <tr> <td class="item">Donec ornare venenatis imperdiet.</td> <td class="price">$10</td> </tr> <tr> <td class="item">Vestibulum sed nibh in nisi blandit ornare eget vel neque.</td> <td class="price">$15</td> </tr> <tr> <td class="item">Cras condimentum porttitor quam, id tincidunt odio lacinia id.</td> <td class="price">$20</td> </tr> </tbody> </table> <table class="table pricing" style="width: 33%;"> <thead> <tr><th colspan="2">Banking Services</th></tr> </thead> <tbody> <tr> <td class="item">Pellentesque convallis imperdiet velit a consequat.</td> <td class="price">$5</td> </tr> <tr> <td class="item">Praesent quis purus cursus mauris ultrices ultrices ac vitae purus.</td> <td class="price">$10</td> </tr> <tr> <td class="item">Phasellus at velit lacinia quam dapibus eleifend eu ac nisl.</td> <td class="price">$15</td> </tr> <tr> <td class="item">Donec id justo tempus, tincidunt ipsum ut, rutrum quam.</td> <td class="price">$20</td> </tr> <tr> <td class="item">Ut ultricies consectetur faucibus.</td> <td class="price">$25</td> </tr> </tbody> </table> <table class="table pricing" style="width: 33%;"> <thead> <tr><th colspan="2">Additional charges</th></tr> </thead> <tbody> <tr> <td class="item">Etiam nibh nisl, fermentum sit amet egestas in, sodales in dui.</td> <td class="price">$5</td> </tr> <tr> <td class="item">Quisque eu orci finibus, accumsan eros id, posuere est.</td> <td class="price">$10</td> </tr> <tr> <td class="item">Vestibulum faucibus, mi eu mattis faucibus, orci velit pharetra tellus.</td> <td class="price">$15</td> </tr> <tr> <td class="item">Proin imperdiet sapien ut dolor.</td> <td class="price">$20</td> </tr> <tr> <td class="item">Praesent semper finibus consectetur.</td> <td class="price">$15</td> </tr> </tbody> </table> </div>

Credit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. $1
Donec tempor hendrerit sapien, sed mattis diam eleifend tempus. $5
Donec ornare venenatis imperdiet. $10
Vestibulum sed nibh in nisi blandit ornare eget vel neque. $15
Cras condimentum porttitor quam, id tincidunt odio lacinia id. $20
Banking Services
Pellentesque convallis imperdiet velit a consequat. $5
Praesent quis purus cursus mauris ultrices ultrices ac vitae purus. $10
Phasellus at velit lacinia quam dapibus eleifend eu ac nisl. $15
Donec id justo tempus, tincidunt ipsum ut, rutrum quam. $20
Ut ultricies consectetur faucibus. $25
Additional charges
Etiam nibh nisl, fermentum sit amet egestas in, sodales in dui. $5
Quisque eu orci finibus, accumsan eros id, posuere est. $10
Vestibulum faucibus, mi eu mattis faucibus, orci velit pharetra tellus. $15
Proin imperdiet sapien ut dolor. $20
Praesent semper finibus consectetur. $15

Social icons

<p class="jm-icons"> <a class="jm-facebook" href="/#link">&nbsp;</a> <a class="jm-link" href="/#link">&nbsp;</a> <a class="jm-skype" href="/#link">&nbsp;</a> <a class="jm-twitter" href="/#link">&nbsp;</a> <a class="jm-google" href="/#link">&nbsp;</a> </p>

 

 

Buttons

This is a read more link with the class "readmore"
Enter the class name to a tag <a class="readmore" />

Read more