romanutd
diff --git a/‎index.html‎
Lines changed: 48 additions & 0 deletions b/‎index.html‎
Lines changed: 48 additions & 0 deletions
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" type="image/png" href="img/">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+<title>UsersData Fetcher</title>
+</head>
+
+<body>
+<div class="main card-panel teal darken-1" id="main">
+<div class="container">
+<div class="row">
+<div class="col s12 text-align: center">
+<div class="main__text-container">
+<h1 class="main__title">UsersData Fetcher</h1>
+<p class="main__subtitle">Get the most necessary info just by entering user's name</p>
+</div>
+<div class="main__input-container">
+<input type="text" id="search" class="main__input" placeholder="Enter user's name...">
+<span>
+<a class="btn btn-success searchButton">Search</a>
+</span>
+</div>
+</div>
+</div>
+<div class="main__profile-container">
+<div class="main__profile">
+<div class="row">
+<div class="col s6">
+<p class="main__profile-name main__profile-key flow-text"></p>
+<p class="main__profile-username main__profile-key flow-text"></p>
+<p class="main__profile-repos main__profile-key flow-text"></p>
+<p class="main__profile-url main__profile-key flow-text"></p>
+<p class="main__profile-location main__profile-key flow-text"></p>
+</div>
+<div class="col s4">
+<p class="main__profile-avatar main__profile-key flow-text"></p>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+<script type="text/javascript" src="js/app.js"></script>
+</body>
+</html>