ADWC Services HTML Template
ADWC Services HTML Template
Developer: Sudipta Soumyajit
Date: 18-02-2020
File Type: HTML
Drescription:
This is made with w3css part and please do not remove licences and watermark or resell it
1. Copy the code form below
Codes:
HTML
<!DOCTYPE html Licensed: Sudipta Soumyajit Social Media: Youtube Website: https://www.easytutorialsinformative.blogspot.com> <html> <head> <title>ADWC Scervices Template</title> <link rel="stylesheet" type="text/css" href="w3.css"> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <div class="w3-bar w3-mobile w3-hover w3-black w3-responsive"> <h3 class="w3-bar-item w3-responsive">ADWC Services</h3> <a href="#" class="w3-bar-item w3-button w3-responsive" style="height: 75px; float: right;"><h3>Home</h3></a> <a href="#" class="w3-bar-item w3-button w3-responsive" style="height: 75px; float: right;"><h3>About</h3></a> <a href="#" class="w3-bar-item w3-button w3-responsive" style="height: 75px; float: right;"><h3>Services</h3></a> </div> <!--Heading--> <div class="w3-container w3-blue w3-padding-64 w3-responsive"> <h1 class="w3-center w3-padding-64 w3-responsive">Welcome To Our Website</h1> <h3 class="w3-center w3-padding-64 w3-responsive">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Ac feugiat sed lectus vestibulum mattis ullamcorper. Fermentum iaculis eu non diam phasellus vestibulum lorem sed.</h3> <h2 class="w3-button w3-center w3-red w3-hover w3-responsive" onclick="document.getElementById('id01').style.display='block'">Read More...</h2> <div id="id01" class="w3-modal"> <div class="w3-modal-content"> <div class="w3-container w3-red"> <span onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-display-topright w3-red w3-padding-64">×</span> <h2 class="w3-red">Save The CV As</h2> <h2 class="w3-text-box w3-padding-64"><input type="text" name="" placeholder="Save the file as.."></h2> <div class="w3-button w3-red w3-padding-64 w3-height-64">Download</div> </div> </div> </div> </div> <div class="w3-container w3-green w3-center w3-padding-64"> <h2 class="w3-center w3-padding-64">About Us</h2> <p class="w3-center w3-padding-64" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Ac feugiat sed lectus vestibulum mattis ullamcorper. Fermentum iaculis eu non diam phasellus vestibulum lorem sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Ac feugiat sed lectus vestibulum mattis ullamcorper. Fermentum iaculis eu non diam phasellus vestibulum lorem sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices. Ac feugiat sed lectus vestibulum mattis ullamcorper. Fermentum iaculis eu non diam phasellus vestibulum lorem sed.</p> </div> <div class="w3-container w3-orange w3-center w3-padding-64"> <h2 class="w3-center w3-padding-64">Services</h2> <div class="w3-center w3-padding-64"> <div class="row"> <div class="column"> <h3 class="w3-center w3-padding-64">Web Developement</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices.</p> </div> <div class="column"> <h3 class="w3-center w3-padding-64">Helping Others</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Mauris sit amet massa vitae. Nulla at volutpat diam ut venenatis tellus in metus. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Risus sed vulputate odio ut. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus vitae. Felis bibendum ut tristique et egestas quis ipsum suspendisse ultrices.</p> </div> </div> <style type="text/css"> .column { float: left; width: 50%; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } </style> </div> </div> </body> </html> CSS:
link with w3css by the link go to w3schools.com and scearch for w3css and edit the html file this part:<link rel="stylesheet" type="text/css" href="w3.css">Into This
Share It |
No comments: