Skip to content

Z
ZhongWeiXin
Commit 849835ef by 邓丽
Options

fix

parent 7c5e73ef
Showing with 274 additions and 132 deletions
dist/css/sprite.css
......@@ -18,49 +18,61 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
*/
.icon-closeIco {
background-image: url(sprite.png);
background-position: 0px 0px;
background-position: -143px 0px;
width: 52px;
height: 52px;
}
.icon-closeIco2 {
background-image: url(sprite.png);
background-position: -97px -28px;
background-position: -195px -28px;
width: 26px;
height: 26px;
}
.icon-closeIco3 {
background-image: url(sprite.png);
background-position: -52px 0px;
background-position: -143px -52px;
width: 45px;
height: 45px;
}
.icon-closeSmall {
background-image: url(sprite.png);
background-position: -97px -54px;
background-position: -195px -54px;
width: 19px;
height: 20px;
}
.icon-facebook {
background-image: url(sprite.png);
background-position: -97px 0px;
background-position: -195px 0px;
width: 28px;
height: 28px;
}
.icon-instagram {
background-image: url(sprite.png);
background-position: 0px -52px;
background-position: -143px -97px;
width: 32px;
height: 32px;
}
.icon-leftIcon {
background-image: url(sprite.png);
background-position: -72px 0px;
width: 71px;
height: 141px;
}
.icon-pinterest {
background-image: url(sprite.png);
background-position: -32px -52px;
background-position: 0px -142px;
width: 32px;
height: 32px;
}
.icon-rightIcon {
background-image: url(sprite.png);
background-position: 0px 0px;
width: 72px;
height: 142px;
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -64px -52px;
background-position: -32px -142px;
width: 32px;
height: 26px;
}
dist/css/sprite.png
dist/css/sprite.png

4.97 KB | W: | H:

dist/css/sprite.png

8.18 KB | W: | H:

dist/css/sprite.png
dist/css/sprite.png
dist/css/sprite.png
dist/css/sprite.png
  • 2-up
  • Swipe
  • Onion skin
dist/css/style.css
......@@ -20,49 +20,61 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
*/
.icon-closeIco {
background-image: url(sprite.png);
background-position: 0px 0px;
background-position: -143px 0px;
width: 52px;
height: 52px;
}
.icon-closeIco2 {
background-image: url(sprite.png);
background-position: -97px -28px;
background-position: -195px -28px;
width: 26px;
height: 26px;
}
.icon-closeIco3 {
background-image: url(sprite.png);
background-position: -52px 0px;
background-position: -143px -52px;
width: 45px;
height: 45px;
}
.icon-closeSmall {
background-image: url(sprite.png);
background-position: -97px -54px;
background-position: -195px -54px;
width: 19px;
height: 20px;
}
.icon-facebook {
background-image: url(sprite.png);
background-position: -97px 0px;
background-position: -195px 0px;
width: 28px;
height: 28px;
}
.icon-instagram {
background-image: url(sprite.png);
background-position: 0px -52px;
background-position: -143px -97px;
width: 32px;
height: 32px;
}
.icon-leftIcon {
background-image: url(sprite.png);
background-position: -72px 0px;
width: 71px;
height: 141px;
}
.icon-pinterest {
background-image: url(sprite.png);
background-position: -32px -52px;
width: 32px;
height: 32px;
background-position: 0px -142px;
width: 33px;
height: 33px;
}
.icon-rightIcon {
background-image: url(sprite.png);
background-position: 0px 0px;
width: 72px;
height: 142px;
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -64px -52px;
background-position: -32px -142px;
width: 32px;
height: 26px;
}
......@@ -358,6 +370,7 @@ th {
/*public*/
body {
background: #000;
font-family: initial;
}
.left {
float: left;
......@@ -380,9 +393,6 @@ body {
.boxShadow {
box-shadow: none;
}
.marginTop {
margin-top: 200px;
}
.inlineBlock {
display: inline-block;
}
......@@ -461,15 +471,32 @@ body {
margin: 0;
}
.am-slider-default .am-direction-nav a {
width: 50px;
height: 50px;
}
.am-slider-default .am-direction-nav a:before {
color: #eee;
opacity: 0.3;
font-size: 50px!important;
line-height: 50px!important;
height: auto;
display: block;
height: 700px;
width: 200px;
position: absolute;
top: 0px;
z-index: 10;
-webkit-transition: none;
transition: none;
}
.am-slider-default .am-direction-nav a.am-prev {
left: 0px;
}
.am-slider-default .am-direction-nav a.am-next {
right: 0px;
}
.am-slider-default .am-direction-nav a:before,
.am-slider-default .am-direction-nav a.am-next:before {
content: none;
}
.am-slider-default .am-direction-nav a:hover {
background: url("../images/rightIcon.png") no-repeat right;
margin-right: 15px;
}
.am-slider-default .am-direction-nav a.am-prev:hover {
background: url("../images/leftIcon.png") no-repeat left;
margin-left: 15px;
}
.am-slider .am-slides div.imgMask {
width: 100%;
......@@ -677,6 +704,9 @@ a.cd-read-more:hover {
color: #8a8a8a;
}
@media only screen and (min-width: 640px) {
.marginTop {
margin-top: 160px;
}
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -947,7 +977,8 @@ a.cd-read-more:hover {
.publicCon p {
color: #cbcbcb;
line-height: 30px;
font-size: 18px;
font-size: 16px;
text-indent: 36px;
text-align: left;
}
.publicCon .pubImg {
......@@ -1006,24 +1037,26 @@ a.cd-read-more:hover {
.imgIntro {
color: #fff;
position: absolute;
top: 13%;
left: 0;
top: 0px;
left: 3%;
z-index: 10;
width: 20%;
max-width: 300px;
min-width: 200px;
line-height: 20px;
margin: 10px 5%;
padding: 15px;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.2);
}
.imgIntro h3 {
font-size: 2.2rem;
line-height: 30px;
color: #e5e5e5;
color: #eee;
margin-bottom: 4rem;
}
.imgIntro p {
font-size: 1.6rem;
color: #9b9b9b;
color: #eee;
line-height: 25px;
word-spacing: 2px;
max-height: 600px;
......@@ -1139,6 +1172,7 @@ a.cd-read-more:hover {
overflow: hidden;
color: #666;
text-indent: 32px;
word-wrap: break-word;
}
#news ul li .blog .brief .moreBtn {
display: block;
......@@ -1200,11 +1234,11 @@ a.cd-read-more:hover {
padding: 20px 20px 10px 20px;
margin-top: 10px;
}
.am-modal-dialog .am-modal-bd .icon span {
.am-modal-dialog .am-modal-bd .icon a {
display: inline-block;
margin-right: 10px;
}
.am-modal-dialog .am-modal-bd .icon span i {
.am-modal-dialog .am-modal-bd .icon a i {
display: inline-block;
vertical-align: middle;
}
......@@ -1265,8 +1299,17 @@ a.cd-read-more:hover {
left: 25%;
margin-left: -2px;
}
.am-slider .portfolioSiles img {
width: auto;
height: auto;
display: block;
margin: 0px auto;
}
}
@media (min-width: 1150px) and (max-width: 1530px) {
.marginTop {
margin-top: 110px;
}
.am-with-topbar-fixed-top {
padding-top: 150px;
}
......@@ -1322,6 +1365,7 @@ a.cd-read-more:hover {
font-size: 15px;
padding: 25px;
text-indent: 30px;
word-wrap: break-word;
}
#news ul li .blog .brief .moreBtn {
bottom: 12px;
......@@ -1339,6 +1383,9 @@ a.cd-read-more:hover {
}
}
@media (min-width: 640px) and (max-width: 1150px) {
.marginTop {
margin-top: 100px;
}
.am-with-topbar-fixed-top {
padding-top: 100px;
}
......@@ -1384,13 +1431,13 @@ a.cd-read-more:hover {
.imgIntro h3 {
font-size: 1.8rem;
line-height: 26px;
color: #e5e5e5;
color: #eee;
margin-bottom: 3rem;
}
.imgIntro p {
font-size: 1.4rem;
color: #9b9b9b;
line-height: 20px;
color: #eee;
line-height: 22px;
word-spacing: 1px;
/* height: 500px;*/
overflow: auto;
......@@ -1472,6 +1519,7 @@ a.cd-read-more:hover {
font-size: 14px;
padding: 15px;
text-indent: 28px;
word-wrap: break-word;
}
#news ul li .blog .brief .moreBtn {
bottom: 11px;
......@@ -1487,11 +1535,23 @@ a.cd-read-more:hover {
width: 60%;
margin-left: 0px;
}
/*前后翻页按钮*/
.am-slider-default .am-direction-nav a:hover {
background: url("../images/rightM.png") no-repeat right;
margin-right: 15px;
}
.am-slider-default .am-direction-nav a.am-prev:hover {
background: url("../images/leftM.png") no-repeat left;
margin-left: 15px;
}
}
@media (min-width: 640px) and (max-width: 850px) {
.am-with-topbar-fixed-top {
padding-top: 100px;
}
.am-with-topbar-fixed-top .marginTop {
margin-top: 100px;
}
.am-topbar-brand {
width: 26%;
text-align: center;
......@@ -1534,12 +1594,12 @@ a.cd-read-more:hover {
.imgIntro h3 {
font-size: 1.8rem;
line-height: 26px;
color: #e5e5e5;
color: #eee;
margin-bottom: 3rem;
}
.imgIntro p {
font-size: 1.4rem;
color: #9b9b9b;
color: #eee;
line-height: 20px;
word-spacing: 1px;
/* height: 500px;*/
......@@ -1570,6 +1630,7 @@ a.cd-read-more:hover {
font-size: 13px;
padding: 12px;
text-indent: 26px;
word-wrap: break-word;
}
#news ul li .blog .brief .moreBtn {
bottom: 10px;
......@@ -1747,6 +1808,15 @@ a.cd-read-more:hover {
font-size: 14px;
text-align: left;
word-break: normal;
text-indent: 28px;
}
.publicCon p img {
width: 100%;
height: auto;
margin: 15px auto;
}
.publicCon p a {
color: #015688;
}
.publicCon .pubImg {
width: 100%;
......@@ -1827,7 +1897,7 @@ a.cd-read-more:hover {
z-index: 10;
width: 100%;
text-align: center;
top: 38%;
top: 100px;
}
.mobileTop .title h2 {
font-size: 18px;
......@@ -1901,7 +1971,7 @@ a.cd-read-more:hover {
line-height: 30px!important;
}
.marginTop {
margin-top: 70px;
margin-top: 60px;
}
/*biography页面*/
.cd-timeline-content {
......@@ -2029,6 +2099,7 @@ a.cd-read-more:hover {
text-align: left;
padding: 15px 15px 0px 15px;
text-indent: 28px;
word-wrap: break-word;
}
#news ul li .blog .brief .moreBtn {
display: inline-block;
......@@ -2091,6 +2162,15 @@ a.cd-read-more:hover {
display: inline-block;
vertical-align: middle;
}
/*前后翻页按钮*/
.am-slider-default .am-direction-nav a {
display: none;
}
}
@media (min-width: 300px) and (max-width: 640px) {
.mobileTop .title {
top: 80px;
}
}
.am-dimmer {
background-color: rgba(0, 0, 0, 0.5);
......
dist/html/portfolioDetail.html
......@@ -56,35 +56,23 @@
</span>
</div>
<div class="am-container">
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
<ul class="am-slides" id="portfolioDel">
<div class="am-slider am-slider-default marginTop" data-am-flexslider="{playAfterPaused: 8000}">
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
</p>
</div>
<ul class="am-slides portfolioSiles" id="portfolioDel">
<li>
<div>
<img src="../images/testImg4.png" />
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
</p>
</div>
</li>
<li>
<div>
<img src="../images/testImg1.png" />
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p>
</div>
</li>
</ul>
</div>
......
dist/html/publicationsDetail.html
......@@ -68,13 +68,9 @@
<img src="../images/testImg2.png" alt=""/>
</div>
<p>
In a lot of Malaysia Arago club and Trump's relatives described, the damage condition of the property is not so bad. Trump's former Butler Anthony Seneca recalled, "Wilma" hurricane passes behind the horse Arago club house many trees were blown down, but the house itself is just blown away some tiles.
"That house has never been seriously damaged," said Sene Karl. "I've been working on this for a series of hurricanes from 2005 to 2004."
"Wilma" hurricane after two weeks, the son of Trump Donald Trump wedding in Malaysia Arago club reception for 370 guests. The wedding photos taken from the famous American Picture Company Getty image in the visible house, swimming pool, beach hut etc. in good condition.
Arago club and Trump's relatives described,<a>trfyhyrht</a> the damage condition of the property is not so bad. Trump's former Butler Anthony Seneca recalled, "Wilma" hurricane passes behind the horse Arago club house many trees were blown down, but the house itself is just blown away some tiles.
"That house has never been seriously damaged," sai <img src="../images/testImg1.png" alt=""/>
</p>
<div class="pubImg">
<img src="../images/testImg2.png" alt=""/>
</div>
</div>
</div>
<!--回到顶部-->
......
src/less/common/sprite.css
......@@ -18,49 +18,61 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
*/
.icon-closeIco {
background-image: url(sprite.png);
background-position: 0px 0px;
background-position: -143px 0px;
width: 52px;
height: 52px;
}
.icon-closeIco2 {
background-image: url(sprite.png);
background-position: -97px -28px;
background-position: -195px -28px;
width: 26px;
height: 26px;
}
.icon-closeIco3 {
background-image: url(sprite.png);
background-position: -52px 0px;
background-position: -143px -52px;
width: 45px;
height: 45px;
}
.icon-closeSmall {
background-image: url(sprite.png);
background-position: -97px -54px;
background-position: -195px -54px;
width: 19px;
height: 20px;
}
.icon-facebook {
background-image: url(sprite.png);
background-position: -97px 0px;
background-position: -195px 0px;
width: 28px;
height: 28px;
}
.icon-instagram {
background-image: url(sprite.png);
background-position: 0px -52px;
background-position: -143px -97px;
width: 32px;
height: 32px;
}
.icon-leftIcon {
background-image: url(sprite.png);
background-position: -72px 0px;
width: 71px;
height: 141px;
}
.icon-pinterest {
background-image: url(sprite.png);
background-position: -32px -52px;
background-position: 0px -142px;
width: 32px;
height: 32px;
}
.icon-rightIcon {
background-image: url(sprite.png);
background-position: 0px 0px;
width: 72px;
height: 142px;
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -64px -52px;
background-position: -32px -142px;
width: 32px;
height: 26px;
}
src/less/style.less
......@@ -4,6 +4,7 @@
/*public*/
body{
background: #000;
font-family: initial;
}
.left{
float:left;
......@@ -26,9 +27,6 @@ body{
.boxShadow{
box-shadow:none;
}
.marginTop{
margin-top:200px;
}
.inlineBlock{
display: inline-block;
}
......@@ -36,7 +34,6 @@ body{
display: none;
}
/*index*/
.am-container {
padding-left: 0rem;
......@@ -104,16 +101,35 @@ body{
margin: 0;
}
.am-slider-default .am-direction-nav a {
width: 50px;
height: 50px;
display: block;
height: 700px;
width: 200px;
position: absolute;
top: 0px;
z-index: 10;
-webkit-transition: none;
transition: none;
}
.am-slider-default .am-direction-nav a.am-prev{
left:0px;
}
.am-slider-default .am-direction-nav a.am-next{
right:0px;
}
.am-slider-default .am-direction-nav a:before,
.am-slider-default .am-direction-nav a.am-next:before{
content:none;
}
.am-slider-default .am-direction-nav a:hover {
background: url("../images/rightIcon.png") no-repeat right;
margin-right: 15px;
}
.am-slider-default .am-direction-nav a:before {
color: #eee;
opacity: 0.3;
font-size: 50px!important;
line-height: 50px!important;
height: auto;
.am-slider-default .am-direction-nav a.am-prev:hover {
background: url("../images/leftIcon.png") no-repeat left;
margin-left: 15px;
}
.am-slider .am-slides div.imgMask{
width: 100%;
display: block;
......@@ -323,6 +339,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
@media only screen and (min-width: 640px){
.marginTop{
margin-top:160px;
}
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -598,7 +617,8 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
p{
color: #cbcbcb;
line-height: 30px;
font-size: 18px;
font-size: 16px;
text-indent: 36px;
text-align: left;
}
.pubImg{
......@@ -660,23 +680,25 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.imgIntro{
color: #fff;
position: absolute;
top:13%;
left: 0;
top:0px;
left: 3%;
z-index: 10;
width: 20%;
max-width: 300px;
min-width: 200px;
line-height: 20px;
margin:10px 5%;
padding: 15px;
background: rgba(0,0,0,.1);
background: rgba(0,0,0,.2);
h3{
font-size: 2.2rem;
line-height: 30px;
color:#e5e5e5;
color:#eee;
margin-bottom: 4rem;
}
p{
font-size: 1.6rem;
color: #9b9b9b;
color: #eee;
line-height: 25px;
word-spacing: 2px;
max-height: 600px;
......@@ -791,6 +813,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
overflow: hidden;
color: #666;
text-indent: 32px;
word-wrap: break-word;
}
.moreBtn{
display: block;
......@@ -853,7 +876,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.icon{
padding: 20px 20px 10px 20px;
margin-top:10px;
span{
a{
display: inline-block;
margin-right: 10px;
i{
......@@ -921,8 +944,18 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
left: 25%;
margin-left: -2px;
}
.am-slider .portfolioSiles img{
width:auto;
height:auto;
display: block;
margin: 0px auto;
}
}
@media (min-width: 1150px) and (max-width: 1530px){
.marginTop{
margin-top:110px;
}
.am-with-topbar-fixed-top {
padding-top: 150px;
}
......@@ -980,6 +1013,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 15px;
padding: 25px;
text-indent: 30px;
word-wrap: break-word;
}
.moreBtn{
bottom: 12px;
......@@ -1002,6 +1036,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
@media (min-width: 640px) and (max-width:1150px){
.marginTop{
margin-top:100px;
}
.am-with-topbar-fixed-top {
padding-top: 100px;
}
......@@ -1046,13 +1083,13 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
h3{
font-size: 1.8rem;
line-height: 26px;
color: #e5e5e5;
color: #eee;
margin-bottom: 3rem;
}
p{
font-size: 1.4rem;
color: #9b9b9b;
line-height: 20px;
color: #eee;
line-height: 22px;
word-spacing: 1px;
/* height: 500px;*/
overflow: auto;
......@@ -1138,6 +1175,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 14px;
padding: 15px;
text-indent: 28px;
word-wrap: break-word;
}
.moreBtn{
bottom: 11px;
......@@ -1157,9 +1195,22 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
width: 60%;
margin-left: 0px;
}
/*前后翻页按钮*/
.am-slider-default .am-direction-nav a:hover {
background: url("../images/rightM.png") no-repeat right;
margin-right: 15px;
}
.am-slider-default .am-direction-nav a.am-prev:hover {
background: url("../images/leftM.png") no-repeat left;
margin-left: 15px;
}
}
@media (min-width: 640px) and (max-width:850px){
.am-with-topbar-fixed-top {
.marginTop{
margin-top:100px;
}
padding-top: 100px;
}
.am-topbar-brand {
......@@ -1203,12 +1254,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
h3{
font-size: 1.8rem;
line-height: 26px;
color: #e5e5e5;
color: #eee;
margin-bottom: 3rem;
}
p{
font-size: 1.4rem;
color: #9b9b9b;
color: #eee;
line-height: 20px;
word-spacing: 1px;
/* height: 500px;*/
......@@ -1242,6 +1293,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 13px;
padding: 12px;
text-indent: 26px;
word-wrap: break-word;
}
.moreBtn{
bottom: 10px;
......@@ -1425,6 +1477,15 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
font-size: 14px;
text-align: left;
word-break: normal;
text-indent: 28px;
img{
width:100%;
height:auto;
margin: 15px auto;
}
a{
color: #015688;
}
}
.pubImg{
width: 100%;
......@@ -1505,7 +1566,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
z-index: 10;
width: 100%;
text-align: center;
top:38%;
top:100px;
h2{
font-size: 18px;
word-spacing: 2px;
......@@ -1580,7 +1641,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
line-height: 30px!important;
}
.marginTop{
margin-top:70px;
margin-top:60px;
}
/*biography页面*/
.cd-timeline-content {
......@@ -1707,6 +1768,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
text-align: left;
padding:15px 15px 0px 15px;
text-indent: 28px;
word-wrap: break-word;
}
.moreBtn{
display: inline-block;
......@@ -1773,8 +1835,16 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
}
}
/*前后翻页按钮*/
.am-slider-default .am-direction-nav a {
display: none;
}
}
@media (min-width: 300px) and (max-width: 640px){
.mobileTop .title{
top: 80px;
}
}
.am-dimmer {
background-color: rgba(0,0,0,0.5);
}
......
src/pages/portfolioDetail.ejs
......@@ -22,35 +22,23 @@
</span>
</div>
<div class="am-container">
<div class="am-slider am-slider-default" data-am-flexslider="{playAfterPaused: 8000}">
<ul class="am-slides" id="portfolioDel">
<div class="am-slider am-slider-default marginTop" data-am-flexslider="{playAfterPaused: 8000}">
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
</p>
</div>
<ul class="am-slides portfolioSiles" id="portfolioDel">
<li>
<div>
<img src="../images/testImg4.png" />
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.
</p>
</div>
</li>
<li>
<div>
<img src="../images/testImg1.png" />
</div>
<div class="imgIntro">
<h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
<p>g with a little CSS to make it look nicer, it includes the album cover images, and the album names link to the Wikipedia pages for those albums.</p>
</div>
</li>
</ul>
</div>
......
src/pages/publicationsDetail.ejs
......@@ -34,13 +34,9 @@
<img src="../images/testImg2.png" alt=""/>
</div>
<p>
In a lot of Malaysia Arago club and Trump's relatives described, the damage condition of the property is not so bad. Trump's former Butler Anthony Seneca recalled, "Wilma" hurricane passes behind the horse Arago club house many trees were blown down, but the house itself is just blown away some tiles.
"That house has never been seriously damaged," said Sene Karl. "I've been working on this for a series of hurricanes from 2005 to 2004."
"Wilma" hurricane after two weeks, the son of Trump Donald Trump wedding in Malaysia Arago club reception for 370 guests. The wedding photos taken from the famous American Picture Company Getty image in the visible house, swimming pool, beach hut etc. in good condition.
Arago club and Trump's relatives described,<a>trfyhyrht</a> the damage condition of the property is not so bad. Trump's former Butler Anthony Seneca recalled, "Wilma" hurricane passes behind the horse Arago club house many trees were blown down, but the house itself is just blown away some tiles.
"That house has never been seriously damaged," sai <img src="../images/testImg1.png" alt=""/>
</p>
<div class="pubImg">
<img src="../images/testImg2.png" alt=""/>
</div>
</div>
</div>
<% include ./components/goTop.html %>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment