-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
106 lines (97 loc) · 6.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<body>
<!-- ------------------- nav bar start------------------------- -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
<span class="sr-only">Toggle navigator</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand header" href="#">App Team Portfolio</a>
</div>
<div id="main-menu" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#skill-id">Skills</a></li>
<li><a href="#personal-info">Personal Info</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- -------------------- navbar end ------------------ -->
<!-- -------------------- main container ---------------------- -->
<div class="conatiner main-div">
<div align="center" style="margin-top: 80px;" class="row">
<img src="./images/appteam.png" class="img-circle" alt="App Team" width="50%">
</div>
<div class="name-div" align="center"><b>App Team</b></div>
<div class="desc-div" align="center">Android Developer Team</div>
<!-- ---------------------Description --------------- -->
<div class="about-div">
<div style="padding: 4%">
Android is a mobile operating system developed by Google, based on the Linux kernel and designed primarily for touchscreen mobile devices such as smartphones and tablets. Android's user interface is mainly based on direct manipulation, using touch gestures that loosely correspond to real-world actions, such as swiping, tapping and pinching, to manipulate on-screen objects, along with a virtual keyboard for text input. In addition to touchscreen devices, Google has further developed Android TV for televisions, Android Auto for cars, and Android Wear for wrist watches, each with a specialized user interface. Variants of Android are also used on game consoles, digital cameras, PCs and other electronics.
</div>
</div>
<!-- -----------------------End Description ----------------- -->
<!-- -----------------------personal info------------------- -->
<div class="personal-div" id="personal-info">
<div class="skill-heading">PERSONAL INFO</div>
<div class="personal-detail"><span class="attribute">Name : </span><span class="value">App Team</span></div>
<div class="personal-detail"><span class="attribute">DOB : </span><span class="value">01/07/2015</span></div>
<div class="personal-detail"><span class="attribute">Address : </span><span class="value">NITH, Hamirpur</span></div>
<div class="personal-detail"><span class="attribute">Phone no. : </span><span class="value">9087654321</span></div>
<div class="personal-detail"><span class="attribute">E-mail : </span><span class="value">[email protected]</span></div>
</div>
<!-- -----------------------end personal info---------------- -->
<!-- -----------------------Skills ---------------------- -->
<div class="skills-div" id="skill-id">
<div class="skill-heading">PROFICIENCY</div>
<div class="skill-img">
<img src="./images/node.png" class="img-circle" width="50%">
</div>
<div class="skill-name">Node.js</div>
<div class="skill-desc">nodejs is a ansy type of language, developed by goole recently. It is most widely used language.</div>
<div class="skill-img">
<img src="./images/py.png" class="img-circle" width="22%">
</div>
<div class="skill-name">Python</div>
<div class="skill-desc">nodejs is a ansy type of language, developed by goole recently. It is most widely used language.</div>
<div class="skill-img">
<img src="./images/docker.png" class="img-circle" width="24%">
</div>
<div class="skill-name">Docker</div>
<div class="skill-desc">nodejs is a ansy type of language, developed by goole recently. It is most widely used language.</div>
</div>
<!-- -----------------------End Skills ------------------- -->
</div>
<!-- -------------------- end main container ------------------- -->
<!-- --------------------Contact-------------------- -->
<div class="footer" id="contact">
<div align="center" class="contact-icons">
<a href="#"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-medium fa-2x" aria-hidden="true"></i></a>
</div>
<div align="center" class="copyright">© 2017 App Team. All Rights Reserved.</div>
</div>
<!-- --------------------End Contact----------------- -->
<script src="./vendor/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
</body>
</html>