Skip to content

Commit

Permalink
Merge pull request #7 from mazsam/1-add-icon-fontawesome
Browse files Browse the repository at this point in the history 
add icon fontawesome
  • Loading branch information
@himanshubarik
himanshubarik authored Oct 22, 2019
2 parents fce5066 + d9d1282 commit 0fe8ef8
Show file tree
Hide file tree
Showing 2 changed files with 310 additions and 2 deletions.
294 changes: 293 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,11 @@
<!-- bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">

<!-- icons -->
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<!-- for on scroll animations -->
Expand Down Expand Up @@ -105,7 +110,6 @@ <h2>FOR SOME CERATIVITY</h2>
<div class="col-md-2"></div>
<div class="col-md-2 section-index wow fadeInUp" data-wow-delay="0.3s">02</div>
<div class="col-md-8 section-heading wow fadeInUp" data-wow-delay="0.4s">What we do</div>
=======
<body>
Expand Down Expand Up @@ -189,6 +193,294 @@ <h2>FOR SOME CREATIVITY</h2>
</div>
</div>
</div>

<div class="row service">
<div class="col-md-4"></div>
<div class="col-md-3 wow fadeInUp" data-wow-delay="0.7s">
<div class="icon">
<ion-icon name="cloud-upload"></ion-icon>
</div>
<div class="icon-title">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</div>
</div>

<div class="col-md-3 wow fadeInUp" data-wow-delay="0.8s">
<div class="icon">
<ion-icon name="share"></ion-icon>
</div>
<div class="icon-title">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</div>
</div>
</div>
</div>

</div>

</section>

<!-----CHANGE THE SECTION WITH THE ABOVE ---->


<!--------------- services section ends here --------------->

<!--------------- team section starts here --------------->

<a name="services"></a>
<section class="services">


<main>

<!--Shristy-Club-->
<div class="box"><img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../s1/ht.html'">
<p style="width:80px;height:40px;background-color:red;">SHRISTY</p>
</button>
</div>


<!--Jagoo Club-->
<div class="box"><img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../jaagoo/ht.html'">
<p style="width:80px;height:40px;background-color:green;">JAGOO</p>
</button>
</div>


<!--Robotics Club-->
<div class="box"><img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../Robot/ht.html'">
<p style="width:80px;height:40px;background-color:blue;">ROBOTICS</p>
</button>
</div>


<div class="box">
<img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../odanza/ht.html'">
<p style="width:80px;height:40px;background-color:red;">
ODANZA</p>
</button>
</div>


<div class="box">
<img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../litrature Club/ht.html'">
<p style="width:80px;height:40px;background-color:green;">
LITRATURE</p>
</button>
</div>


<div class="box">
<img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../toonulstuck/ht.html'">
<p style="width:80px;height:40px;background-color:blue;">
TOONULSTUCK</p>
</button>
</div>


<div class="box"><img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../s1/ht.html'">
<p style="width:80px;height:40px;background-color:#ffcc00;">
Click </p>
</button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200">
<button class="btn btn1" onClick="location.href='../s1/ht.html'">
<p style="width:80px;height:40px;background-color:#ffcc00;"></p>
</button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'"> <p style="width:80px;height:40px;background-color:#ffcc00;">Click </p></button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'"> <p style="width:80px;height:40px;background-color:#ffcc00;">Click </p></button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'"> <p style="width:80px;height:40px;background-color:#ffcc00;">Click </p></button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'"> <p style="width:80px;height:40px;background-color:#ffcc00;">Click </p></button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'">
<p style="width:80px;height:40px;background-color:#ffcc00;">Click </p>
</button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'">
<p style="width:80px;height:40px;background-color:#ffcc00;">Click</p>
</button>
</div>

<div class="box"><img src="re1.jpg.png" width="200" height="200"><button class="btn btn1" onClick="location.href='../s1/ht.html'"> <p style="width:80px;height:40px;background-color:#ffcc00;">Click</p></button>
</div>

</main>
</section>







<!--------------- team section ends here --------------->

<!--------------- newsletter section starts here --------------->

<section class="newsletter">

<div class="container">

<div class="row">
<div class="col-md-12">
<div class="news-data">
<div class="section-subheading">
<h1 class="wow fadeInUp" data-wow-delay="0.3s">Any Improvement Required By Us To Make This Website Look Good</h1>
</div>

<div class="input-group wow fadeInUp" data-wow-delay="0.4s">
<input type="email" class="form-control" placeholder="Enter your feedback">
<span class="input-group-btn">
<button class="btn" type="submit"><a href="httsp://www.gmail.com" Send Message ><p style="width:60px;height:20px;">Submit</p></button>
</span>
</div>
</div>
</div>
</div>

</div>

</section>

<!--------------- newsletter section ends here --------------->

<!--------------- contact section starts here --------------->

<a name="contact"></a>

<section class="contact">

<div class="container-fluid">

<div class="row">
<div class="col-md-2"></div>
<div class="col-md-2 section-index wow fadeInUp" data-wow-delay="0.3s">03</div>
<div class="col-md-8 section-heading wow fadeInUp" data-wow-delay="0.4s"></div>
</div>

<div class="row">
<div class="col-md-4"></div>
<div class="col-md-6 icon-title wow fadeInUp" data-wow-delay="0.5s">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut aspernatur deleniti eveniet quisquam sapiente obcaecati consequuntur.</div>
</div>

<div class="row">
<div class="col-md-4"></div>
<div class="col-md-6">
<form action="" name="contact-form" id="contact-form" method="POST">

<ul>

<li class="wow fadeInUp" data-wow-delay="0.6s">
<label for="contact-name">Name :</label>
<div class="textarea">
<input type="text" name="contact-name" id="contact-name" value="" required>
</div>
</li>

<br>

<li class="wow fadeInUp" data-wow-delay="0.7s">
<label for="contact-email">E-mail :</label>
<div class="textarea">
<input type="email" name="contact-email" id="contact-email" value="" required>
</div>
</li>

<br>

<li class="wow fadeInUp" data-wow-delay="0.8s">
<label for="contact-project">Any Doubt Specific Club:</label>
<div class="textarea">
<textarea name="contact-project" id="contact-project" rows="6" required></textarea>
</div>
</li>

</ul>

<button type="submit" name="contact-submit" id="contact-submit" class="send wow fadeInUp" data-wow-delay="0.9s"><a href="httsp://www.gmail.com" Send Message ><p style="width:60px;height:20px;background-color:#ffcc00;">Click</p></button>
</form>
</div>
</div>

</div>

</section>

<!--------------- footer starts here --------------->

<div class="footer">

<div class="container">

<div class="info">

<div class="row">
<div class="col-md-4 wow fadeInUp" data-wow-delay="0.3s" id="address">
<p>
<ul>
<h3>ITER COLLEGE</h3><a href="https://soaiter.com" target="_blank"></a>
</ul></p>
<h4>Jagamara Khandagiri</h4>
<h4>Bhubaneswar,INDIA</h4>
<h4>8354325654</h4>

<br><br>
</div>

<div class="col-md-4 wow fadeInUp" data-wow-delay="0.4s" id="media">
<ul>
<li> <a href="https://facebook.com"><i class="fa fa-facebook"></i></a></li>
<li> <a href="https://twiterr.com"><i class="fa fa-twitter"></i></a></li>
<li> <a href="https://instagram.com"><i class="fa fa-instagram"></i></a></li>
</ul>

<br><br>
</div>

<div class="col-md-4 wow fadeInUp" data-wow-delay="0.5s" id="mail">
<p><h3>For any Queries</h3></p>
<br>

<h4>[email protected]<br>
<a href="https://www.gmail.com"></a>
</h4>

<br><br>

<p class="cpryt">
@ Copyright 2019 CSIT'C'
<a href="#">CSIT "C"</a>
</p>

</div>
</div>

</div>

</div>

</div>

<!--------------- footer ends here --------------->

</div>

</div>
Expand Down
18 changes: 17 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,17 @@ body {
cursor: url(cursor.png), auto !important;
}

* {
{
box-sizing: border-box;
margin: 0%;
padding: 0%;
font-family: "Darker Grotesque";
=======
box-sizing: border-box;
margin: 0%;
padding: 0%;
font-family: "Darker Grotesque" !important;

}


Expand Down Expand Up @@ -475,7 +481,11 @@ textarea:focus {
/*--------------- footer section starts here --------------- */

.footer {

background:#161616;

background: #161616;

}

#media,
Expand Down Expand Up @@ -519,6 +529,12 @@ h4 {
display: inline-block;
}

#media ul li a {
color: #fff;
text-shadow: 1px 1px 1px #fff;
font-size: 1em;
}

@media(max-width: 900px) {
.footer .container {
width: 92% !important;
Expand Down

0 comments on commit 0fe8ef8

Please sign in to comment.