-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (129 loc) · 4.69 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
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RJ Investment</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
<p class="open">MENU</p>
<p class="close">CLOSE</p>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a href="#" class="navigation__link">introduction</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">the property avatar</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">the portfolio</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">the projects</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">accommodation</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">investors</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">pandora homes</a></li>
<li class="navigation__item"><a href="#" class="navigation__link">contact</a></li>
</ul>
</nav>
</div>
<div class="header">
<div class="logo">
<h2>rj</h2>
<img src="images/logo.svg" alt="">
<h2>investments</h2>
</div>
<div class="header__title">
<div class="banner">
<h1>
luxury
house
shares
</h1>
</div>
<p>Exceptional Contemporary Living</p>
<div class="dash"></div>
</div>
<img class="hd__img" src="images/hd-img.jpg" alt="Livingroom" />
</div>
<section id="feature">
<div class="cta">
<h4>our exppertise</h4>
<p>
RJ Investments brings luxury living to the rental market through
bespoke renovations, at affordable prices with quality property
management.
</p>
</div>
<div class="feature">
<img class="contact__img__1" src="images/Group 5.svg" alt="" />
<div class="feature__img__grid">
<div class="img__wrapper">
<img src="images/ft-img-1.jpg" alt="Livingroom" />
<div class="img__cta">
<h4>the portfolio</h4>
<p>Completed Hotels</p>
</div>
</div>
<div class="img__wrapper">
<img src="images/ft-img-2.jpg" alt="Staircase" />
<div class="img__cta">
<h4>the projects</h4>
<p>Current Developments</p>
</div>
</div>
<div class="img__wrapper">
<img src="images/ft-img-3.jpg" alt="Livingroom" />
<div class="img__cta">
<h4 class="itm_3">the property avatar</h4>
<p>Educational Platform</p>
</div>
</div>
</div>
</div>
</section>
<div class="grid">
<div class="grid__item grid__item__1">
<h4>investment options</h4>
<p>Get More</p>
</div>
<div class="grid__item grid__item__2">
<h4>accomodation</h4>
<p>Future Tenants</p>
</div>
<div class="grid__item grid__item__3">
<h4>land development</h4>
<p>Meet Pandora Homes</p>
</div>
</div>
<div class="contact">
<div class="contact__info">
<p>08038534811</p>
<p><a href="[email protected]">[email protected]</a></p>
</div>
<img
class="contact__img contact__img__2"
src="images/Group 5.svg"
alt=""
/>
<div class="contact__social">
<a href=""><img src="images/facebook.svg" alt="" /></a>
<a href=""><img src="images/twitter.svg" alt="" /></a>
<a href=""><img src="images/instagram.svg" alt="" /></a>
<a href=""><img src="images/linkedin.svg" alt="" /></a>
</div>
</div>
<div class="footer">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit
maiores accusantium voluptates veniam cum reiciendis eos maxime. Numquam
labore eius officia, dolorum id ut explicabo architecto perferendis eos
quas iure quod nisi, at error quos doloremque voluptas fugiat, facere
magni placeat. Quo tenetur molestias repudiandae reiciendis, excepturi
minus earum odio!
</p>
</div>
</body>
</html>