-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-detail.html
160 lines (144 loc) · 6.17 KB
/
project-detail.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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons -->
<link rel="shortcut icon" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
<title>Ramsay - One page HTML Template</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400i&display=swap" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="animsition">
<div class="loader"><div class="spinner"><div class="double-bounce1"></div><div class="double-bounce2"></div></div></div>
<!-- Content CLick Capture-->
<div class="click-capture"></div>
<!-- Sidebar Menu-->
<div class="menu">
<span class="close-menu icon-cross2 right-boxed"></span>
<ul class="menu-list right-boxed">
<li data-menuanchor="page1">
<a href="index.html#page1">Home</a>
</li>
<li data-menuanchor="page2">
<a href="index.html#page2">Specialization</a>
</li>
<li data-menuanchor="page3">
<a href="index.html#page3">Resume</a>
</li>
<li data-menuanchor="page4">
<a href="index.html#page4">About</a>
</li>
<li data-menuanchor="page5">
<a href="index.html#page5">Projects</a>
</li>
<li data-menuanchor="page7">
<a href="index.html#page7">Testimonials</a>
</li>
<li data-menuanchor="page8">
<a href="index.html#page8">Contact</a>
</li>
</ul>
<div class="menu-footer right-boxed">
<div class="social-list">
<a href="" class="icon ion-social-twitter"></a>
<a href="" class="icon ion-social-facebook"></a>
<a href="" class="icon ion-social-googleplus"></a>
<a href="" class="icon ion-social-linkedin"></a>
<a href="" class="icon ion-social-dribbble-outline"></a>
</div>
<div class="copy">© Ramsay 2019. All Rights Reseverd<br> Design by LoganCee</div>
</div>
</div>
<!-- Navbar -->
<header class="navbar boxed">
<div class="navbar-bg"></div>
<a class="brand" href="#">
<img class="brand-img" alt="" src="images/brand.png">
<div class="brand-info">
<div class="brand-name">Ramsay</div>
</div>
</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="contacts d-none d-md-block">
<div class="contact-item">
+96 56-85-1379
</div>
<div class="contact-item spacer">
/
</div>
<div class="contact-item">
<a href="mailto:contact@Ramsay.com">contact@Ramsay.com</a>
</div>
</div>
</header>
<div class="content">
<div class="container">
<div class="row row-project">
<div class="col-project-name col-md-6 mt-5 mb-5 mb-md-0">
<h1>Brole Mobile App</h1>
<div class="social-list social-list-detail">
<a href="" class="icon ion-social-twitter"></a>
<a href="" class="icon ion-social-facebook"></a>
<a href="" class="icon ion-social-googleplus"></a>
<a href="" class="icon ion-social-linkedin"></a>
<a href="" class="icon ion-social-dribbble-outline"></a>
</div>
</div>
<div class="col-project-info col-md-6">
<div class="row">
<div class="col-md-6 mt-5">
<h5>Client</h5>
<p>California Art Gallery Museum</p>
</div>
<div class="col-md-6 mt-5">
<h5>Team</h5>
<p>Dustin Mahone - iOS Developer<br>
Paul tf - Designer
</p>
</div>
<div class="col-md-6 mt-5">
<h5>Services</h5>
<p>Branding, UI/UX Design,<br>Mobile Design</p>
</div>
<div class="col-md-6 mt-5">
<h5>Date</h5>
<p>Feburary 25th, 2019</p>
</div>
</div>
</div>
</div>
</div>
<img alt="" class="image-holder wow fadeIn" src="images/bg/project3.jpg">
<div class="container">
<p class="project-detail-text text-center">Brole is a startup that aims to supply energy (starting with gas) to domestic household across the UK. Create a very simple yet stunning logotype and promo site that sets the brand of Entice Energy apart from the competitors like a fresh take on an already saturated area. <a href="https://example.domain/denima6vsco" target="_blank" class="underline">https://example.domain/denima6vsco</a>
</p>
<img alt="" class="image-holder wow fadeInLeft" src="images/bg/project3-1.jpg">
<img alt="" class="image-holder wow fadeInRight" src="images/bg/project3-2.jpg">
<p class="project-detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum quaerat harum, tempora quia molestiae repudiandae ex eaque dolorem porro necessitatibus totam voluptas placeat voluptates nemo amet aliquid impedit vel? Asperiores?
</p>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/animsition.js"></script>
<!-- Scripts -->
<script src="js/scripts.js"></script>
</body>
</html>