Difference between revisions of "Team:FAFU-CHINA"
| Line 113: | Line 113: | ||
<div class="slider_frame"> | <div class="slider_frame"> | ||
<div class="box_skitter box_skitter_slider"> | <div class="box_skitter box_skitter_slider"> | ||
| − | + | <div class="shadow"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
<div class="clear"></div> | <div class="clear"></div> | ||
Revision as of 17:39, 21 August 2015
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Welcome to our site !
Cross-browser
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
User friendly
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
Support
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
About us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu lorem metus. Sed pharetra arcu ac velit rutrum at tempus est laoreet. Integer condimentum, ipsum in vehicula ultricies, risus elit volutpat magna, nec lacinia libero lacus eu mi. Donec in nisl massa, vitae pharetra magna. Quisque quis lorem ac velit pharetra aliquam. Aliquam nec lectus libero, at sodales urna. Maecenas lectus justo, viverra a luctus sit amet, facilisis a ante. Vivamus sed lorem sed mi ullamcorper bibendum. Vestibulum viverra odio non tellus rutrum a molestie nulla tincidunt. Pellentesque eleifend posuere tellus, vitae elementum dui tincidunt eu. Ut interdum aliquet purus, at pellentesque ipsum euismod vel. Pellentesque malesuada, sapien eget molestie eleifend, ante risus tempus ante, eu volutpat lorem lorem consectetur turpis. Sed gravida urna nec magna ullamcorper quis congue orci aliquet. Curabitur fringilla, sem viverra dignissim bibendum, felis turpis mollis neque, quis lacinia mauris libero non urna.
Latest Works
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Portfolio
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Project title
Curabitur et velit nisl. Donec semper egestas blandit. Etiam ultrices dolor fermentum elit laoreet vitae hendrerit tortor vulputate.
Services
This is a Heading 1 Element
Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
This is a Heading 2 Element
Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
This is a Heading 3 Element
Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
This is a Heading 4 Element
Nam convallis imperdiet pretium. This is a link commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
This is a Heading 5 Element
Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
This is a Heading 6 Element
Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condi mentum justo sit amet urna ornare euismod. Vivamus ac leo quam, id porta felis.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor.
Drop-Cap
Nunc dui diam, vestibulum at ultrices vel, porttitor eget elit. Donec porta bibendum venenatis. Pellentesque dapibus, sem vel bibendum condimentum, risus ipsum euismod est, ut laoreet nulla nulla eget ligula. In diam metus, pharetra sit amet gravida quis, pellentesque quis eros. Suspendisse potenti. Pellentesque adipiscing dolor vel quam fermentum eu molestie lorem vehicula. Integer ultrices tempor urna, sit amet aliquam velit adipiscing aliquet. Nulla aliquam dolor a quam porttitor eleifend. Nullam a porta diam. Nullam vitae justo urna, eu tristique felis. Cras elit augue, molestie at scelerisque a, dignissim quis velit.
Highlight Text
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Nulla at nulla sed Highlight 1 eros tincidunt semper non ut neque. Sed metus elit, iaculis eget varius eget, faucibus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Nulla at nulla sed Highlight 2 eros tincidunt semper non ut neque. Sed metus elit, iaculis eget varius eget, faucibus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Nulla at nulla sed Highlight 3 eros tincidunt semper non ut neque. Sed metus elit, iaculis eget varius eget, faucibus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Nulla at nulla sed Highlight 4 eros tincidunt semper non ut neque. Sed metus elit, iaculis eget varius eget, faucibus.
Buttons
Bigger Bigger Bigger Bigger Medium Medium Medium Medium Small Button Small Button Small Button Small Button Rounded Rounded Rounded RoundedDecorated lists
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
- Donec convallis mol
- Lorem ipsum dolor
Alerts
Table
| Klass | Table Head 2 | Table Head 3 | Large Table Head 4 |
|---|---|---|---|
| Frontline 1 | Frontline 2 | Frontline 3 | Frontline 4 |
| Second line 1 | Second line 2 | Second line 3 | Second line 4 |
| Third line 1 | Third line 2 | Third line 3 | Third line 4 |
| Fourth line 1 | Fourth line 2 | Fourth line 3 | Fourth line 4 |
Code
<?php
$d=date("D");
if ($d=="Fri")
{
echo "Hello!<br />";
echo "Have a nice weekend!";
echo "See you on Monday!";
}
?>
Columns
Articles
Lorem Ipsum is simply dummy text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac justo ut tellus molestie consequat vitae rutrum lorem. Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum.
This is a complete article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac justo ut tellus molestie consequat vitae rutrum lorem. Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum erat rhoncus vitae. Quisque rutrum enim ac dolor fringilla scelerisque. Duis varius mauris ac mauris lacinia ut ultrices enim molestie. Sed euismod pellentesque dui, eget mattis leo lacinia sit amet.
Sed felis tellus, vehicula et tempor sed, consectetur at neque. Curabitur vitae lectus a est auctor porta id non dui. Vestibulum non enim scelerisque lectus consequat vulputate et quis orci. Nunc imperdiet ultrices cursus. Pellentesque consequat placerat dui, vel tristique urna varius sit amet. Praesent ante purus, tempor nec feugiat sit amet, gravida vel odio. Donec quis odio at ante scelerisque commodo ac sed nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eleifend euismod tellus id euismod. Etiam suscipit, augue nec facilisis cursus, justo leo malesuada quam, ac placerat metus risus nec mi. Fusce sagittis rhoncus felis, ac gravida sapien ullamcorper non. Praesent eget ligula sit amet elit tempor viverra. Praesent ante purus, tempor nec feugiat sit amet, gravida vel odio. Praesent et felis elit, ac dapibus dui. Suspendisse ac porta magna.
Suspendisse nulla enim, hendrerit ut dignissim eu, luctus non lectus. Aenean sit amet enim sapien, id bibendum mauris. Quisque porta lacus ac purus lobortis dapibus. Curabitur at nunc sit amet lectus tincidunt vulputate a eget elit. Nullam quam urna, dapibus eu dapibus non, consequat eu nibh. Donec nec euismod libero. Praesent et felis elit, ac dapibus dui. Suspendisse ac porta magna. Quisque quis pellentesque quam. Pellentesque lobortis ornare turpis, posuere scelerisque justo iaculis non. Nunc tristique facilisis porta.
Suspendisse nulla enim
Duis varius ultricies risus eget tristique. Cras lobortis feugiat tellus, vel facilisis dui rutrum volutpat. Aliquam at ante vel metus scelerisque molestie at a metus. Nulla facilisi. Proin dui tellus, pharetra id feugiat eget, molestie quis lectus. Donec elementum suscipit neque sed cursus. Nunc cursus feugiat turpis, in egestas elit hendrerit at.Proin vel lobortis est. Sed lacinia vestibulum lorem ut ultricies. Etiam dolor ante, laoreet et placerat eget, rutrum at nulla. Aliquam vel neque vel massa viverra molestie et at turpis.
Fusce mollis felis sed felis semper non mattis risus suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sem nisi, bibendum sit amet scelerisque in, cursus sed lorem. Pellentesque enim purus, scelerisque eget mollis in, ornare vel est. Phasellus fringilla est et eros commodo lacinia. Maecenas in diam sit amet nibh iaculis vehicula ut ut tellus. Nunc iaculis ligula nec magna varius egestas. Fusce cursus metus non elit hendrerit laoreet. Aliquam placerat lacus justo, vel facilisis mi.
Second Article, Porsche Speed
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac justo ut tellus molestie consequat vitae rutrum lorem. Etiam dolor ante, laoreet et placerat eget, rutrum at nulla. Aliquam vel neque vel massa viverra molestie et at turpis.
Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui.
Morbi pretium ultrices enim, ut condimentum. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum erat rhoncus vitae. Quisque rutrum enim ac dolor fringilla scelerisque. Duis varius mauris ac mauris lacinia ut ultrices enim molestie. Sed euismod pellentesque dui, eget mattis leo lacinia sit amet.
This is a complete article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac justo ut tellus molestie consequat vitae rutrum lorem. Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum erat rhoncus vitae. Quisque rutrum enim ac dolor fringilla scelerisque. Duis varius mauris ac mauris lacinia ut ultrices enim molestie. Sed euismod pellentesque dui, eget mattis leo lacinia sit amet.
Suspendisse nulla enim
Duis varius ultricies risus eget tristique. Cras lobortis feugiat tellus, vel facilisis dui rutrum volutpat. Aliquam at ante vel metus scelerisque molestie at a metus. Nulla facilisi. Proin dui tellus, pharetra id feugiat eget, molestie quis lectus. Donec elementum suscipit neque sed cursus. Nunc cursus feugiat turpis, in egestas elit hendrerit at.Proin vel lobortis est. Sed lacinia vestibulum lorem ut ultricies. Etiam dolor ante, laoreet et placerat eget, rutrum at nulla. Aliquam vel neque vel massa viverra molestie et at turpis.
Fusce mollis felis sed felis semper non mattis risus suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sem nisi, bibendum sit amet scelerisque in, cursus sed lorem. Pellentesque enim purus, scelerisque eget mollis in, ornare vel est. Phasellus fringilla est et eros commodo lacinia. Maecenas in diam sit amet nibh iaculis vehicula ut ut tellus. Nunc iaculis ligula nec magna varius egestas. Fusce cursus metus non elit hendrerit laoreet. Aliquam placerat lacus justo, vel facilisis mi.
Third Article, Slider inside a post
Morbi pretium ultrices enim, ut condimentum. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum erat rhoncus vitae. Quisque rutrum enim ac dolor fringilla scelerisque. Duis varius mauris ac mauris lacinia ut ultrices enim molestie. Sed euismod pellentesque dui, eget mattis leo lacinia sit amet.
This is a complete article
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac justo ut tellus molestie consequat vitae rutrum lorem. Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui. Morbi pretium ultrices enim, ut condimentum erat rhoncus vitae. Quisque rutrum enim ac dolor fringilla scelerisque. Duis varius mauris ac mauris lacinia ut ultrices enim molestie. Sed euismod pellentesque dui, eget mattis leo lacinia sit amet.
Nam tempus gravida ligula non sodales. Vivamus a mattis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc non tortor dui.
Suspendisse nulla enim
Duis varius ultricies risus eget tristique. Cras lobortis feugiat tellus, vel facilisis dui rutrum volutpat. Aliquam at ante vel metus scelerisque molestie at a metus. Nulla facilisi. Proin dui tellus, pharetra id feugiat eget, molestie quis lectus. Donec elementum suscipit neque sed cursus. Nunc cursus feugiat turpis, in egestas elit hendrerit at.Proin vel lobortis est. Sed lacinia vestibulum lorem ut ultricies. Etiam dolor ante, laoreet et placerat eget, rutrum at nulla. Aliquam vel neque vel massa viverra molestie et at turpis.
Fusce mollis felis sed felis semper non mattis risus suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean sem nisi, bibendum sit amet scelerisque in, cursus sed lorem. Pellentesque enim purus, scelerisque eget mollis in, ornare vel est. Phasellus fringilla est et eros commodo lacinia. Maecenas in diam sit amet nibh iaculis vehicula ut ut tellus. Nunc iaculis ligula nec magna varius egestas. Fusce cursus metus non elit hendrerit laoreet. Aliquam placerat lacus justo, vel facilisis mi.