Stackroute-Assignment3-Bootstrap/about.html at master · swethadevi/Stackroute-Assignment3-Bootstrap · GitHub

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

<!DOCTYPE html>
<!--
Developed by: Swetha Devi D
Contact : swetha96devi@gmail.com
Built for : NIIT Stackroute trainee UI Web
Date : 11/12/2018
Files : index.html,about.html,contact.html,achieve.html, css/style.css,img/images(13 images)
-->

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="portfolio website" content="This is a Portfolio website using bootstrap technique this is the main index page where links to other page can be found in this">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Swetha Devi Portfolio Website-Achievements</title>
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- Material Design Bootstrap -->
  <link href="css/mdb.min.css" rel="stylesheet">
  <!-- custom styles (optional) -->
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- The implementation of the tabbed Pane -->
    <div class="container">
            <h3>ABOUT ME</h3>
            <ul class="nav nav-tabs">
            <li class="active"><a href="index.html">Overview</a></li>
            <li><a href="achieve.html">My Achievements</a></li>
            <li><a href="#">Software</a></li>
            <li><a href="#">Artificial Inteligence</a></li>
            </ul>
            <br>
        </div>
        <!-- The jumbotron using bootstrap it includes the about me section -->
        <div class="card card-image" style="background-image: url(img/profile.jpg);">
            <div class="text-white text-center py-5 px-4 my-5">
                <div>
                    <h2 class="card-title h1-responsive pt-3 mb-5 font-bold black-text"><strong>Yep..! It's All ABOUT ME </strong></h2>
                    <p class="mx-5 mb-5 font-bold black-text">I'm an young graduated student and now im working in boeing company always interested and passionate about the creative things. Success a major factor that i always wish for. PES university my stepping stone to succes who alwayz motivated me and made the person who i am todaay. I’m an aspiring web designer who loves everything about the web. I have been doing this for about five months, and love it to bits!
                            I’m excited to bring my life experience to the process of building fantastic looking websites.
                            I'm young, conciencious and hard- working and am a life-long learner who's always interested in expanding my skills and confidence.Wishing all the best for all of you.</p>
                    <a class="btn btn-outline-grey  btn-md "><i class="fa fa-clone left"></i> About me</a>
                </div>
            </div>
        </div>

  <!-- JQuery -->
  <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
</body>

</html>