├── C.jpg ├── me.jpg ├── hme.png ├── java.png ├── logo.png ├── port.png ├── sql.png ├── work.png ├── Resume.pdf ├── image.png ├── images.jpg ├── instagram.jpg ├── GitHub-Logo.png ├── LinkedIn_logo.png ├── h.css ├── astyle.css ├── README.md ├── hire.html ├── about.html ├── portfolio.html └── style.css /C.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/C.jpg -------------------------------------------------------------------------------- /me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/me.jpg -------------------------------------------------------------------------------- /hme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/hme.png -------------------------------------------------------------------------------- /java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/java.png -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/logo.png -------------------------------------------------------------------------------- /port.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/port.png -------------------------------------------------------------------------------- /sql.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/sql.png -------------------------------------------------------------------------------- /work.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/work.png -------------------------------------------------------------------------------- /Resume.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/Resume.pdf -------------------------------------------------------------------------------- /image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/image.png -------------------------------------------------------------------------------- /images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/images.jpg -------------------------------------------------------------------------------- /instagram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/instagram.jpg -------------------------------------------------------------------------------- /GitHub-Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/GitHub-Logo.png -------------------------------------------------------------------------------- /LinkedIn_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft/HEAD/LinkedIn_logo.png -------------------------------------------------------------------------------- /h.css: -------------------------------------------------------------------------------- 1 | 2 | .form-container{ 3 | display: flex; 4 | justify-content: center; 5 | align-items: center; 6 | border: #333; 7 | 8 | } 9 | 10 | h1 { 11 | display: flex; 12 | justify-content: center; 13 | align-items: center; 14 | font-size: 70px; 15 | 16 | 17 | } 18 | .clr h2{ 19 | font-size: 30px; 20 | font-family:Georgia;; 21 | } 22 | h2 span{ 23 | color:red; 24 | } 25 | span{ 26 | color:yellow; 27 | } 28 | body{ 29 | background-image: url('hme.png'); 30 | background-size: cover; 31 | background-position: center; 32 | } 33 | 34 | #me{ 35 | background: rgba(255, 255, 255, 0.852); 36 | padding: 20px; 37 | margin: 20px; 38 | border-radius: 8px; 39 | color: #333; 40 | max-width: 600px; 41 | margin: 0 auto; 42 | } -------------------------------------------------------------------------------- /astyle.css: -------------------------------------------------------------------------------- 1 | .sec2{ 2 | margin-left: 8%; 3 | margin-top: 13%; 4 | 5 | 6 | } 7 | 8 | 9 | .sec2 h1{ 10 | font-size: 60px; 11 | font-family:Georgia; 12 | margin-bottom: 20px; 13 | } 14 | 15 | span{ 16 | color:blueviolet; 17 | } 18 | 19 | .sec2 p{ 20 | line-height: 22px; 21 | 22 | } 23 | 24 | .sec2 button a{ 25 | text-decoration:none; 26 | color:black; 27 | font-weight: bold; 28 | } 29 | 30 | 31 | 32 | .sec2 img{ 33 | background-color: silver; 34 | width: 10%; 35 | height: 15%; 36 | position: relative; 37 | } 38 | 39 | .images{ 40 | width:45%; 41 | height:80%; 42 | position: absolute; 43 | bottom: 0%; 44 | top:20%; 45 | right: 50px; 46 | 47 | } 48 | 49 | .images img{ 50 | height: 100%; 51 | width: 100%; 52 | position:relative; 53 | left:70%; 54 | top:10%; 55 | transform:translate(-50%); 56 | transition: bottom 1s,left 1s; 57 | } 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Certainly! Let me explain the differences between projects, programs, and portfolios in project management: 2 | 3 | Project: A project is a temporary endeavor undertaken by a company or organization. It has a finite start and end and focuses on creating a unique product, service, or result. Project managers balance scope, resources, time, and budget to meet project objectives. 4 | Program: A program is a group of related projects managed together. These projects share common goals or dependencies. Program managers coordinate multiple projects within the program to achieve strategic outcomes. 5 | Portfolio: A portfolio is a collection of projects and programs managed as a group to achieve strategic objectives. Unlike programs, a portfolio may include unrelated work. Organizations use portfolios to align initiatives with overall business goals12. 6 | In summary, projects fit within programs, which in turn fit within portfolios. Each level has distinct management tasks, ensuring effective delivery of organizational objectives. Let me know if you need further clarification! 😊 7 | #PersonalPortfolio #HTML #CSS #Portfolio 8 | -------------------------------------------------------------------------------- /hire.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Hire me 4 | 5 | 6 | 7 |
8 |
9 |

Hire me

10 |
11 |
12 |
13 |

Name:Shivaguru S

14 |
15 |

Location:Trichy

16 |

Contact:7890564722

17 |

Mail:shiva06@gmail.com


18 | 19 | 20 |
21 |
22 |
23 |

Social media

24 | 25 | 26 | 27 |
28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | About me 4 | 5 | 6 | 7 |
8 |

I'm Shiva Guru

9 |

This is my official portfolio website. 10 |
I'm a Student studying B.tech Informtion Technology in K.Ramakrishnan College of Engineering,Trichy. 11 |
Current I'm studying in 3rd year. 12 |

13 |

Skills

14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |

Achievements

23 | 29 | 30 |
31 | 32 | -------------------------------------------------------------------------------- /portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Portfolio website 4 | 5 | 6 |
7 | 16 |
17 |

I'm Shiva

18 |

This is my official portfolio website. 19 |
I attached my resume and other details in my website 20 |
I'm open to work and developing my Knowledge and learn new things 21 | 22 |

23 | 24 | 25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 | 33 | 34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | { 2 | margin:0; 3 | padding:0; 4 | font-family:sans-serif; 5 | } 6 | 7 | .sec1{ 8 | position:absolute; 9 | width:100%; 10 | height:100vh; 11 | background:#eff4fd; 12 | } 13 | 14 | nav{ 15 | display:flex; 16 | width:84%; 17 | margin:auto; 18 | padding:20px 0; 19 | align-items:center; 20 | justify-content:space-between; 21 | 22 | } 23 | 24 | nav ul li{ 25 | display:inline-block; 26 | list-style: none; 27 | margin:10px 20px; 28 | 29 | } 30 | 31 | 32 | nav ul li a{ 33 | text-decoration:none; 34 | color:black; 35 | font-weight: bold; 36 | 37 | } 38 | 39 | nav ul li a:hover{ 40 | color:blue; 41 | } 42 | 43 | nav img{ 44 | width:20%; 45 | height:20%; 46 | position:relative; 47 | margin-right: 20%; 48 | } 49 | 50 | .cl2{ 51 | margin-left: 8%; 52 | margin-top: 13%; 53 | } 54 | 55 | .cl2 h1{ 56 | font-size: 60px; 57 | font-family:Georgia; 58 | margin-bottom: 20px; 59 | } 60 | 61 | span{ 62 | color:blueviolet; 63 | } 64 | 65 | .cl2 p{ 66 | line-height: 22px; 67 | } 68 | 69 | .images{ 70 | width:45%; 71 | height:80%; 72 | position: absolute; 73 | bottom: 0%; 74 | top:20%; 75 | right: 50px; 76 | 77 | } 78 | 79 | .cl2 button{ 80 | background: black; 81 | padding: 10px 18px; 82 | text-decoration: none; 83 | font-weight: bold; 84 | color:#fff 85 | dispay:inline-block; 86 | margin:30px o; 87 | border-radius: 5px; 88 | } 89 | 90 | .images img{ 91 | height: 100%; 92 | position:relative; 93 | left:50%; 94 | top:10%; 95 | transform:translate(-50%); 96 | transition: bottom 1s,left 1s; 97 | } 98 | 99 | 100 | .sec3 img{ 101 | width:3%; 102 | height: 5%; 103 | position: relative; 104 | } 105 | 106 | --------------------------------------------------------------------------------