Skip to content

Instantly share code, notes, and snippets.

View AakashRao-dev's full-sized avatar
🏃
Getting Cracked...

Aakash Rao AakashRao-dev

🏃
Getting Cracked...
379 followers · 46 following
View GitHub Profile
@AakashRao-dev
AakashRao-dev / style.css
Created September 3, 2022 15:21
Step-11 at conference building interface
:root {
--main-bg: rgb(238, 238, 238);
--stage-time-bg: rgba(217, 217, 217);
--blue-slot-bg: rgba(52, 129, 174, 0.3);
--blue-slot-text: rgba(52, 129, 174, 1);
--green-slot-bg: rgba(49, 223, 118, 0.42);
--green-slot-text: rgba(40, 188, 99, 1);
@AakashRao-dev
AakashRao-dev / index.html
Last active September 3, 2022 15:14
Step-10 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Created September 3, 2022 14:44
Step-9 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Created September 3, 2022 14:38
Step-8 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Created September 3, 2022 14:32
Step-7 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Created September 3, 2022 14:29
Step-6 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Created September 3, 2022 14:24
Step-5 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Last active September 3, 2022 12:02
Step-5 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Last active September 3, 2022 12:06
Step-4 at conference building interface
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<title>Conference Scheduler interface using CSS Grid</title>
</head>
<body>
@AakashRao-dev
AakashRao-dev / index.html
Last active September 3, 2022 11:33
Advanced way of creating grid layout - final
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="./style.css" />
<title>Another way of creating grid layouts</title>
</head>
<body>