...
|
...
|
@@ -37,47 +37,40 @@ |
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<header>
|
|
|
|
|
|
<!-- /////////////////////////////////////////Navigation -->
|
|
|
<!-- <nav class="navbar navbar-default navbar-fixed-top"> -->
|
|
|
<nav>
|
|
|
<div class="header-txt1">
|
|
|
<div class="header-img1">
|
|
|
<img src="./img/portfolio/B1.png">
|
|
|
<div id="bgimg">
|
|
|
<!-- <header style="background: url(./images/02-1.png) no-repeat scroll center center;
|
|
|
-webkit-background-size: cover;
|
|
|
-moz-background-size: cover;
|
|
|
background-size: cover;
|
|
|
-o-background-size: cover;
|
|
|
height: 750px;">
|
|
|
<nav>
|
|
|
<div class="header-txt1">
|
|
|
<div class="header-img1" id="img-logo">
|
|
|
</div>
|
|
|
<div class="header-right1">
|
|
|
<a class="header-btnL" href='login.html'>
|
|
|
<div class="header-loginBtn">登 录</div>
|
|
|
</a>
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="header-right1">
|
|
|
<a class="header-btnL" href='login.html'>
|
|
|
<div class="header-loginBtn">登 录</div>
|
|
|
</a>
|
|
|
<!-- <a class="header-btnL" href="aboutUs.html">
|
|
|
<div class="header-loginBtn">加入我们</div>
|
|
|
</a> -->
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
|
|
|
</a>
|
|
|
</nav>
|
|
|
<div class="header-text hidden-xs" style="top: 10%;">
|
|
|
<div class="col-md-12 text-center">
|
|
|
<p style="color: #fff; margin-top: 10%;" id="explain"></p>
|
|
|
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
|
|
|
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
|
|
|
<div style="padding-top: 70px;display: flex;place-items: center;">
|
|
|
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;"> </h5>
|
|
|
<a onclick="setLearingContentId(1)" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
<div class="header-text hidden-xs" style="top: 10%;">
|
|
|
<div class="col-md-12 text-center">
|
|
|
<p style="color: #fff; margin-top: 10%;" id="explain"></p>
|
|
|
<h1 style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</h1>
|
|
|
<p style="color: #fff;padding-top: 20px;" id="titleExplain"></p>
|
|
|
<div style="padding-top: 70px;display: flex;place-items: center;">
|
|
|
<h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;opacity: 0.5;"> </h5>
|
|
|
<a onclick="setLearingContentId(1)" style="position: relative;left: 25px;color: #fff; z-index: 5;">加入虚拟实习项目</a>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- /header-text -->
|
|
|
|
|
|
</header>
|
|
|
|
|
|
</header> -->
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
...
|
...
|
@@ -102,8 +95,8 @@ |
|
|
<section style="background-color: #323232;">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" style="background-color: #d8d8d8;">
|
|
|
<img src="images/02-4.png" id="img3" class="rounded img-fluid d-block mx-auto" alt="" style="width: 100%;">
|
|
|
<div id="img1" class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" style="background-color: #d8d8d8;">
|
|
|
<!-- <img src="images/02-4.png" id="img3" class="rounded img-fluid d-block mx-auto" alt="" style="width: 100%;"> -->
|
|
|
</div>
|
|
|
<div class="col-lg-1"></div>
|
|
|
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
|
...
|
...
|
@@ -129,8 +122,8 @@ |
|
|
<div id="recommend-List">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display: flex;place-items: center;">
|
|
|
<img src="images/02-6.png">
|
|
|
<div style="display: flex;place-items: center;" id="img2">
|
|
|
<!-- <img src="images/02-6.png"> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -142,8 +135,8 @@ |
|
|
<section class="section padding-top-70 padding-bottom-01" id="features" style="background-color: #f0f0f0; ">
|
|
|
<div class="container" style="z-index: 10; ">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s ">
|
|
|
<img src="images/02-7.png" class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;">
|
|
|
<div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s " id="img3">
|
|
|
<!-- <img src="images/02-7.png" class="rounded img-fluid d-block mx-auto" alt=" " style="width: 100%;"> -->
|
|
|
</div>
|
|
|
<div class="col-lg-1"></div>
|
|
|
<div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
|
...
|
...
|
|