Academy Class Demo

Developer
Dovydas
Size
2,024 Kb
Views
8,096
  1. Academy Class Demo Previews
  2. Academy Class Demo HTML Codes
  3. Academy Class Demo CSS Codes

How do I make an academy class demo?

What is a academy class demo? How do you make a academy class demo? This script and codes were developed by Dovydas on 16 October 2022, Sunday.

Academy Class Demo Previews
IQ Test

Academy Class Demo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Academy Class Demo</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!--
Resources:
http://www.troublemaker.xyz/wp-content/uploads/2016/07/Busy-People.mp4
https://unsplash.it/300/200?image=0
-->
<nav> <div class="nav-wrapper"> <h3 class="brand-logo">Academy Class</h3> <ul class="right"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </div>
</nav>
<div class="row"> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=0" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=10" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=20" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=30" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=40" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=50" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=60" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=70" alt="Nice image" /> </div> <div class="col-xs-12 col-sm-6 col-md-4"> <img src="https://unsplash.it/300/200?image=80" alt="Nice image" /> </div>
</div>
</body>
</html>

Academy Class Demo - Script Codes CSS Codes

.start-screen { position: fixed; width: 100%;
}
nav { margin-bottom: 1rem;
}
img { width: 100%; border: 1px solid rgba(0, 0, 0, 0.2);
}
.col-xs-12 { margin-bottom: 1rem;
}
.brand-logo { margin-top: 1.2rem; padding: 0 1rem !important;
}
.nav-wrapper { color: #bfd432; background-color: #2c3139;
}
.nav-wrapper h3, .nav-wrapper a { color: #bfd432;
}
.card-action a { color: #bfd432 !important;
}
.icon-container { background-color: white; width: 100%; height: 200px; display: flex; align-items: center; justify-content: center;
}
.icon-container i { font-size: 11rem;
}
nav ul li { padding-left: 1rem; padding-right: 1rem;
}
Academy Class Demo - Script Codes
Academy Class Demo - Script Codes
Home Page Home
Developer Dovydas
Username tmxyz
Uploaded October 16, 2022
Rating 3
Size 2,024 Kb
Views 8,096
Do you need developer help for Academy Class Demo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Dovydas (tmxyz) Script Codes
Name
Further Learning
President Exercise
Bootstrap
JavaScrip Training
Firebase
Media Queries
A Pen by Dovydas
Project. Part 2
Homework
Background
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!