Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@faishaldev
faishaldev committed Jun 29, 2021
1 parent c8f572e commit b44f485
Show file tree
Hide file tree
Showing 2 changed files with 164 additions and 17 deletions.
12 changes: 10 additions & 2 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.slider h3, .slider h5, .clients h3{
.slider h3, .slider h5, .clients h3, .services h3, .portfolio h3 {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

Expand All @@ -13,5 +13,13 @@

.clients img {
max-width: 150px;
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .8));
filter: drop-shadow(1px 1px 1px rgba(82, 43, 43, 0.8));
}

section, footer {
padding: 20px 0;
}

.contact-form {
height: 518px;
}
169 changes: 154 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
<title>Adw Dev</title>
</head>

<body>
<body id="home" class="scrollspy">
<!-- navbar -->
<div class="navbar-fixed">
<nav>
Expand All @@ -25,12 +25,12 @@
<a href="#!" class="brand-logo">Adw Dev</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
Expand All @@ -40,12 +40,12 @@

<!-- sidenav -->
<ul class="sidenav" id="mobile-demo">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<!-- end sidenav -->

Expand Down Expand Up @@ -85,7 +85,7 @@ <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
<!-- end slider -->

<!-- about -->
<section id="about" class="about">
<section id="about" class="about scrollspy">
<div class="container">
<div class="row">
<h3 class="center grey-text text-darken-3">About</h3>
Expand Down Expand Up @@ -119,7 +119,7 @@ <h6>Game Development</h6>
<!-- end about -->

<!-- clients -->
<div class="parallax-container">
<div id="clients" class="parallax-container scrollspy">
<div class="parallax"><img src="img/mountains-5260303_1920.jpg"></div>

<div class="container clients">
Expand All @@ -139,6 +139,136 @@ <h3 class="center light white-text">Our Clients</h3>
</div>
<!-- end clients -->

<!-- services -->
<section id="services" class="services grey lighten-3 scrollspy">
<div class="container">
<div class="row">
<h3 class="center light grey-text text-darken-3">Our Services</h3>
<div class="col m4 s12">
<div class="card-panel center">
<i class="material-icons medium">desktop_windows</i>
<h5>Web Development</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam possimus officiis
doloremque. Similique quaerat voluptate eaque enim corrupti ipsam tempore asperiores dolore
quae dicta eligendi laboriosam commodi, veritatis aliquid suscipit.</p>
</div>
</div>
<div class="col m4 s12">
<div class="card-panel center">
<i class="material-icons medium">smartphone</i>
<h5>Android Development</h5>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam velit quasi quam officia dicta
reiciendis cupiditate nobis veniam autem maiores error recusandae animi, facilis omnis. Non
dicta nostrum doloremque dolor.</p>
</div>
</div>
<div class="col m4 s12">
<div class="card-panel center">
<i class="material-icons medium">videogame_asset</i>
<h5>Game Development</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos vitae optio quaerat inventore
doloribus corporis obcaecati natus exercitationem suscipit eaque aspernatur veniam dolores
rerum nulla, omnis porro adipisci, soluta reiciendis?</p>
</div>
</div>
</div>
</div>
</section>
<!-- end services -->

<!-- portfolio -->
<section id="portfolio" class="portfolio scrollspy">
<div class="container">
<h3 class="center light grey-text text-darken-3">Portfolio</h3>
<div class="row">
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
</div>
<div class="row">
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
<div class="col m3 s12">
<img src="img/428346683f6f1416a5ce6b2208174447.jpg" alt="" class="responsive-img materialboxed">
</div>
</div>
</div>
</section>
<!-- end portfolio -->

<!-- contact -->
<section id="contact" class="contact grey lighten-3 scrollspy">
<div class="container">
<h3 class="center light grey-text text-darken-3">Contact</h3>
<div class="row">
<div class="col m5 s12">
<div class="card-panel red lighten-2 center white-text">
<i class="material-icons">email</i>
<h5>Contact</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, sed. Nesciunt itaque fugiat
tenetur placeat ut provident maiores, eveniet alias doloremque ipsum non cum temporibus
autem voluptatum sit necessitatibus culpa.</p>
</div>
<ul class="collection with-header">
<li class="collection-header">
<h4>Our Office</h4>
</li>
<li class="collection-item">Adiwerna Developer</li>
<li class="collection-item">Jalan Raya Adiwerna</li>
<li class="collection-item">+62 81234567891</li>
<li class="collection-item">cs@adw-dev.com</li>
</ul>
</div>
<div class="col m7 s12">
<div class="card-panel contact-form">
<h5>Please fill out this form</h5>
<div class="input-field">
<input type="text" name="name" id="name" required class="validate">
<label for="name">Name</label>
</div>
<div class="input-field">
<input type="email" name="email" id="email" class="validate">
<label for="email">Email</label>
</div>
<div class="input-field">
<input type="text" name="phone" id="phone">
<label for="phone">Phone Number</label>
</div>
<div class="input-field">
<textarea name="message" id="message" cols="30" rows="10"
class="materialize-textarea"></textarea>
<label for="message">Meesage</label>
</div>
<button type="submit" class="btn blue darken-2">SEND</button>
</div>
</div>
</div>
</div>
</section>
<!-- end contact -->

<!-- footer -->
<footer class="grey darken-2 white-text center">
<p>Copyright &copy; 2021 | Made with <i class="material-icons red-text">favorite</i> by Musshal </p>
</footer>
<!-- end footer -->

<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/materialize.min.js"></script>

Expand All @@ -149,10 +279,19 @@ <h3 class="center light white-text">Our Clients</h3>
const slider = document.querySelectorAll('.slider');
M.Slider.init(slider, {
indicators: false,
height: 500
});

const parallax = document.querySelectorAll('.parallax');
M.Parallax.init(parallax);

const materialBox = document.querySelectorAll('.materialboxed');
M.Materialbox.init(materialBox);

const scrollSpy = document.querySelectorAll('.scrollspy');
M.ScrollSpy.init(scrollSpy, {
scrollOffset: 50
});
</script>
</body>

Expand Down

0 comments on commit b44f485

Please sign in to comment.