Skip to content

Commit 15e5954

Browse files
spamplespample
committed
+projects page edit
1 parent 983e401 commit 15e5954

5 files changed

Lines changed: 126 additions & 37 deletions

File tree

‎css/styles.css‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -138,8 +138,17 @@ img {
138138
width: 100%;
139139
height: 100%;
140140
z-index: 2;
141-
background-color: #0450cb;
142-
opacity: .7;
141+
background-color: #9fa5ff;
142+
opacity: .3;
143+
}
144+
145+
.overlay-projects {
146+
position: absolute;
147+
width: 100%;
148+
height: 100%;
149+
z-index: 2;
150+
background-color: #9fa5ff;
151+
opacity: 0.5;
143152
}
144153

145154

@@ -156,11 +165,11 @@ img {
156165
}
157166

158167
.fade-carousel .slides .slide-1 {
159-
background-image: url('../img/slide1.jpg');
168+
background-image: url('../img/backgrounds/purple-bg.jpeg');
160169
}
161170

162171
.fade-carousel .slides .slide-2 {
163-
background-image: url('../img/slide2.jpg');
172+
background-image: url('../img/backgrounds/abstactTech.jpeg');
164173
}
165174

166175
.fade-carousel .slides .slide-3 {

‎img/backgrounds/abstactTech.jpeg‎

6.87 MB
Loading

‎img/backgrounds/purple-bg.jpeg‎

3.42 MB
Loading

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@ <h3>Get start your next awesome project</h3>
5959
<div class="hero">
6060
<hgroup>
6161
<img src="img/EPICS-Logo.png", width= "300", alt="logo"/>
62-
<h1>Start Diggin In your butt twin</h1>
62+
<h1>Placeholder</h1>
6363
<h3>Get start your next awesome project</h3>
6464
</hgroup>
6565
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>

‎projects.html‎

Lines changed: 112 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -32,13 +32,11 @@
3232
<header id="header">
3333
<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
3434
<!-- Overlay -->
35-
<div class="overlay"></div>
35+
<div class="overlay-projects"></div>
3636

3737
<!-- Indicators -->
3838
<ol class="carousel-indicators">
3939
<li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
40-
<li data-target="#bs-carousel" data-slide-to="1"></li>
41-
<li data-target="#bs-carousel" data-slide-to="2"></li>
4240
</ol>
4341

4442
<!-- Wrapper for slides -->
@@ -47,33 +45,11 @@
4745
<div class="slide-1"></div>
4846
<div class="hero">
4947
<hgroup>
50-
<img src="img/logo.png" alt="logo"/>
51-
<h1>We are creative</h1>
52-
<h3>Get start your next awesome project</h3>
48+
<img src="img/EPICS-Logo.png" width="600" alt="logo"/>
49+
<h1>Projects</h1>
50+
<h3>Where Engineering Meets Community Impact</h3>
5351
</hgroup>
54-
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
55-
</div>
56-
</div>
57-
<div class="item slides">
58-
<div class="slide-2"></div>
59-
<div class="hero">
60-
<hgroup>
61-
<img src="img/logo.png" alt="logo"/>
62-
<h1>We are smart</h1>
63-
<h3>Get start your next awesome project</h3>
64-
</hgroup>
65-
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
66-
</div>
67-
</div>
68-
<div class="item slides">
69-
<div class="slide-3"></div>
70-
<div class="hero">
71-
<hgroup>
72-
<img src="img/logo.png" alt="logo"/>
73-
<h1>We are amazing</h1>
74-
<h3>Get start your next awesome project</h3>
75-
</hgroup>
76-
<a class="btn btn-hero btn-lg" href="#service">Eat & Chat</a>
52+
<a class="btn btn-hero btn-lg" href="#projects-list">Projects List</a>
7753
</div>
7854
</div>
7955
</div>
@@ -87,8 +63,8 @@ <h3>Get start your next awesome project</h3>
8763
</div>
8864
<div id="main-nav" class="collapse navbar-collapse">
8965
<ul class="nav navbar-nav">
90-
<li><a href="#header" class="scroll-link">Home</a></li>
91-
<li><a href="#service" class="scroll-link">Our Services</a></li>
66+
<li><a href="index.html" class="scroll-link">Home</a></li>
67+
<li><a href="#projects-list" class="scroll-link">Our Services</a></li>
9268
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
9369
<li><a href="projects.html" class="scroll-link">Projects</a></li>
9470
<li><a href="#feedback" class="scroll-link">Feedback</a></li>
@@ -100,7 +76,111 @@ <h3>Get start your next awesome project</h3>
10076
</div>
10177
</header>
10278

103-
<section class="service page-section" id="service">
79+
80+
81+
82+
83+
84+
85+
86+
87+
88+
89+
90+
91+
92+
93+
94+
95+
96+
<section class="project-description page-section" id="project-description">
97+
<div class="container text-center">
98+
<div class="heading">
99+
<h2>What type of projects do we offer?</h2>
100+
</div>
101+
102+
<div class="row">
103+
<div class="col-md-4">
104+
<div class="box-area">
105+
<div class="box-area-icon">
106+
<i class="fa fa-heart"></i>
107+
</div>
108+
<h3>Streets Best</h3>
109+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
110+
</div>
111+
</div>
112+
<div class="col-md-4">
113+
<div class="box-area">
114+
<div class="box-area-icon">
115+
<i class="fa fa-users"></i>
116+
</div>
117+
<h3>Continental</h3>
118+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
119+
</div>
120+
</div>
121+
<div class="col-md-4">
122+
<div class="box-area">
123+
<div class="box-area-icon">
124+
<i class="fa fa-fire"></i>
125+
</div>
126+
<h3>Daily Dishes</h3>
127+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
128+
</div>
129+
</div>
130+
<div class="col-md-4">
131+
<div class="box-area">
132+
<div class="box-area-icon">
133+
<i class="fa fa-film"></i>
134+
</div>
135+
<h3>Cookies</h3>
136+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
137+
</div>
138+
</div>
139+
<div class="col-md-4">
140+
<div class="box-area">
141+
<div class="box-area-icon">
142+
<i class="fa fa-cubes"></i>
143+
</div>
144+
<h3>Cakes</h3>
145+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
146+
</div>
147+
</div>
148+
<div class="col-md-4">
149+
<div class="box-area">
150+
<div class="box-area-icon">
151+
<i class="fa fa-envelope"></i>
152+
</div>
153+
<h3>Meeting point</h3>
154+
<div class="box-area-text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
155+
</div>
156+
</div>
157+
</div>
158+
</div>
159+
</section>
160+
161+
162+
163+
164+
165+
166+
167+
168+
169+
170+
171+
172+
173+
174+
175+
176+
177+
178+
179+
180+
181+
182+
183+
<section class="projects-list page-section" id="projects-list">
104184
<div class="container text-center">
105185
<div class="heading">
106186
<h2>Eat & Chat</h2>

0 commit comments

Comments
 (0)