-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (130 loc) · 5.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Homepage</title>
<meta name="description" content="homepage">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<link rel="stylesheet" href="css/wide.css" media="(min-width: 480px)">
</head>
<body>
<div id="navigation">
<nav>
<img src="img/logo.png" alt="Logo">
<ul>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contactus.html">CONTACT US</a></li>
<li><a href="stories.html">STORIES</a></li>
<li><a href="magazines.html">MAGAZINES</a></li>
<li class="active"><a href="homepage.html">HOME</a></li>
</ul>
<div class="dropdown"><p>MENU</p>
<div class="dropdown-content">
<a href="homepage.html">HOME</a>
<a href="magazines.html">MAGAZINES</a>
<a href="stories.html">STORIES</a>
<a href="contactus.html">CONTACT US</a>
<a href="about.html">ABOUT</a>
</div>
</div>
</nav>
</div>
<div id="slidershow">
<section class="slider">
<ul class="mainslider">
<li class="slider-pic slider-pic1"><p>Professional Service</p></li>
<li class="slider-pic slider-pic2"><p>Low Fees<br>High Repay</p></li>
<li class="slider-pic slider-pic3"><p>Your Money<br>Your Life</p></li>
</ul>
<div class="focus">
<ul class="clearfix">
<li><div class="focus-dot focus-dot1"></div></li>
<li><div class="focus-dot focus-dot2"></div></li>
<li><div class="focus-dot focus-dot3"></div></li>
</ul>
</div>
</section>
</div>
<div class="white">
<p class="subtitle">WHAT MAKES US DIFFERENT</p>
<p class="title">ABOUT <span>US</span></p>
<article>Best Super is a professional finctional provider which provides a series of super consultation and service to our members. </article>
<div id="have">
<p>→ We have...</p>
<div class="img-text">
<img src="img/performance.png" alt="Performance">
<p>Strong Long-term Performance</p>
</div>
<div class="img-text">
<img src="img/option.png" alt="Option">
<p>Multiple Investment Option</p>
</div>
<div class="img-text">
<img src="img/support.png" alt="Support">
<p>Professional Support</p>
</div>
</div>
</div>
<div class="gray">
<p class="subtitle">UNDERSTANDING YOUR SUPER</p>
<p class="title"><span>THE</span> MAGAZINE</p>
<div id="latest">
<p>→ Latest...</p>
<div class="img-mag">
<img class="pic" src="img/talent.jpg" alt="Does your super have hidden talents?">
<p>Does your super have hidden talents?</p>
<a href="magazine_superannuation.html">Read More</a>
</div>
<div class="img-mag">
<img class="pic" src="img/cent.jpg" alt="Every cent matters">
<p>Every cent matters</p>
<a href="magazine_finance.html">Read More</a>
</div>
</div>
</div>
<div class="white">
<p class="subtitle">WHAT OUR MEMBERS SAY</p>
<p class="title">THE <span>STORY</span></p>
<div class="story-img">
<div class="story"><span>“</span>
<p class="story-brief1">The super makes me feel more confident to plan my career. It will never be too early to choose your super.</p>
<a href="story_rosalie.html">Find Out More</a>
<p class="name">Rosalie Goodwin</p>
<p class="position">The college graduate</p>
</div>
<div class="member-pic">
<img src="img/Rosalie.jpg" alt="Rosalie">
</div>
</div>
</div>
<div id="join">
<img src="img/joinus.jpg" alt="Join us">
<div id="joinbox">
<p class="jointitle"><span>JOIN</span> US</p>
<p class="detail">Letting the best super to bring you a new future.</p>
<a >Sign Up</a>
</div>
</div>
<footer>
<div id="contact">
<div class="logo-text">
<img src="img/tel.png" alt="Telephone">
<p>(+061) 414 5492 32</p>
<p>(+061) 414 5232 32</p>
</div>
<div class="logo-text">
<img src="img/mail.png" alt="Mail">
<p>[email protected]</p>
<p>[email protected]</p>
</div>
<div class="logo-text">
<img src="img/twitter.png" alt="Twitter">
<p>@bestsuper1</p>
<p>@bestsuper2</p>
</div>
</div>
<p class="rights">©2017 Best Super Company. All Right Reserved</p>
</footer>
</body>
</html>