|
|
|
|
|
|
|
/site1/learn-french/
/site1/learn-french/
|
|
Learn French
Learn French
|
|
<h1>Learn French with us!!</h1>
<hr/>
<ss:templates:row>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices consectetur vestibulum. Quisque mi dui, blandit vel dolor eu, luctus
fringilla enim. Integer suscipit justo ut quam bibendum, in fermentum mauris volutpat. Mauris eget mi et magna vehicula scelerisque eu vel
est. Suspendisse potenti. Pellentesque
</p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1531538512164-e6c51ea63d20?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=b812172d74e4e3c55ce716ba0875c394" maintainaspect="crop" height="154" />
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1524646432175-d58115a8a854?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=f76b3f0d8cd23907e41840f173fe1e30" maintainaspect="crop" height="187" />
<p><br /></p>
</ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices consectetur vestibulum. Quisque mi dui, blandit vel dolor eu, luctus
fringilla enim. Integer suscipit justo ut quam bibendum, in fermentum mauris volutpat. Mauris eget mi et magna vehicula scelerisque eu vel
est. Suspendisse potenti. Pellentesque
</p>
</ss:templates:column>
</ss:templates:row>
<hr/>
<ss:logicinclude page="/af/course-selector/"></ss:logicinclude>
<br/><br/>
<h1>Learn French with us!!</h1>
<hr/>
<ss:templates:row>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices consectetur vestibulum. Quisque mi dui, blandit vel dolor eu, luctus
fringilla enim. Integer suscipit justo ut quam bibendum, in fermentum mauris volutpat. Mauris eget mi et magna vehicula scelerisque eu vel
est. Suspendisse potenti. Pellentesque
</p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1531538512164-e6c51ea63d20?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=b812172d74e4e3c55ce716ba0875c394" maintainaspect="crop" height="154" />
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1524646432175-d58115a8a854?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=f76b3f0d8cd23907e41840f173fe1e30" maintainaspect="crop" height="187" />
<p><br /></p>
</ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices consectetur vestibulum. Quisque mi dui, blandit vel dolor eu, luctus
fringilla enim. Integer suscipit justo ut quam bibendum, in fermentum mauris volutpat. Mauris eget mi et magna vehicula scelerisque eu vel
est. Suspendisse potenti. Pellentesque
</p>
</ss:templates:column>
</ss:templates:row>
<hr/>
<ss:logicinclude page="/af/course-selector/"></ss:logicinclude>
<br/><br/>
|
|
|
|
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 1px solid #eae9e9!important; }
#course_selector_body div.item:last-child { border-bottom: 1px solid #eae9e9!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 1px solid #eae9e9!important; }
#course_selector_body div.item:last-child { border-bottom: 1px solid #eae9e9!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
|
|
|
|
|
|
|
|
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed eleifend nisi. Pellentesque nec lectus felis. In pharetra nisl ac mi aliquam efficitur. Nunc aliquet diam vitae tempor vehicula. In hac habitasse platea dictumst. Proin id tincidunt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed eleifend nisi. Pellentesque nec lectus felis. In pharetra nisl ac mi aliquam efficitur. Nunc aliquet diam vitae tempor vehicula. In hac habitasse platea dictumst. Proin id tincidunt
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|