-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (146 loc) · 5 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link href='https://fonts.googleapis.com/css?family=Amarante' rel='stylesheet'>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
</head>
<body>
<header class="header">
<div class="header__content">
<img src="img/udacity-logo.png" alt="Udacity logo" class="header__logo">
</div>
</header>
<main class="content">
<!-- top section -->
<section class="top__section">
<div class="image__text">
<h2>Trushita Maurya</h2>
<p>*Full Stack Developer*</p>
<p>Hi There! Welcome to my portfolio! <i class="fas fa-child"></i></p>
</div>
</section>
<!-- mid section -->
<section class="mid__section">
<h2 class="section__title">Skills</h2>
<div class="row">
<div class="mid__col">
<img src="img/html5-logo.svg" alt="html5-logo">
<div class="skill__desc">
<h4>HTML</h4>
<p>Experience: 2 months</p>
<p>Version: 5</p>
</div>
</div>
<div class="mid__col">
<img src="img/css3-logo.svg" alt="css3-logo">
<div class="skill__desc">
<h4>CSS</h4>
<p>Experience: 2 months</p>
<p>Version: 3</p>
</div>
</div>
<div class="mid__col">
<img src="img/javascript-logo.svg" alt="javascript-logo">
<div class="skill__desc">
<h4>Javascript</h4>
<p>Experience: 3 months</p>
<p>Version : 1.8</p>
</div>
</div>
<div class="mid__col">
<img src="img/spring-3.svg" alt="spring-logo">
<div class="skill__desc">
<h4>Spring MVC</h4>
<p>Experience: 8 months</p>
<p>Version:4</p>
</div>
</div>
<div class="mid__col">
<img src="img/java-Logo.svg" alt="java-logo">
<div class="skill__desc">
<h4>Java</h4>
<p>Experience: 8 months</p>
<p>Version:9</p>
</div>
</div>
<div class="mid__col">
<img src="img/react.svg" alt="react-logo">
<div class="skill__desc">
<h4>React</h4>
<p>Experience: 1 month</p>
<p>Version:16</p>
</div>
</div>
</div>
</section>
<!-- bottom section-->
<section class="bottom__section">
<!-- featured work -->
<h2 class="section__title">Featured Work</h2>
<!-- TODO: Add github url to each anchor tag in the below div-->
<div class="row">
<div class="bottom__col">
<a href="#">
<img src="img/appify.jpg" alt="appify">
<h4><i class="fab fa-github"></i> Appify</h4>
</a>
</div>
<div class="bottom__col">
<a href="#">
<img src="img/sunflower_med.jpg" alt="appify">
<h4><i class="fab fa-github"></i> Sunflower</h4>
</a>
</div>
<div class="bottom__col">
<a href="#">
<img src="img/bokeh.jpg" alt="bokeh">
<h4><i class="fab fa-github"></i> Bokeh</h4>
</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__content">
<div class="row">
<div class="footer__col">
<ul>
<li>Made with lots of love <i class="fas fa-heart"></i></li>
<li>
<div class="about_me">
<img id="profile_pic" src="img/profile_sm.jpg" alt="My_Profile_image">
<h4>Trushita Maurya</h4>
<p>Full Stack Developer</p>
</div>
</li>
</ul>
</div>
<div class="footer__col">
<p>Interested to know more? Connect with me</p>
<ul>
<!-- TODO: add links to social icon -->
<li>
<a href="#"><i class="fab fa-linkedin fa-2x social__icon"></i></a>
<a href="#"><i class="fab fa-twitter fa-2x social__icon"></i></a>
<a href="#"><i class="fab fa-github fa-2x social__icon"></i></a>
</li>
</ul>
<p>Prefer to have a quick chit-chat? Lets do that!</p>
<ul>
<li><i class="fas fa-mobile-alt"></i> +91 9876543210</li>
</ul>
</div>
</div>
</div>
<div class="footer__copyright">
<p>© 2018 Trushita. All rights reserved.</p>
</div>
</footer>
</body>
</html>