-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (121 loc) · 6.11 KB
/
index.html
File metadata and controls
131 lines (121 loc) · 6.11 KB
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
<!DOCTYPE html>
<!-- Used some functions from the sample animations and codepen -->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Manjila Nakarmi</title>
<link href="https://fonts.googleapis.com/css?family=Comfortaa|Nanum+Gothic|Quicksand" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<script defer src="js/fontawesome-free-5.11.2-web/js/all.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<!-- <div id="overlay">
<img src="assets/sail_animated.svg" alt="Loading" />
<p>Building the sail boat...</p>
<p class="loaded">Almost Done!</p>
</div> -->
<header class="fixed-background">
<nav>
<div class="content-wrapper">
<span class="nav-links">
<a href="" class="hamburger-icon"><i class="fa fa-bars fa-2x" aria-hidden="true" class="hamburger-icon"></i></a>
<div class="mobile-nav">
<a href="#about">About</a>
<a href="#portfolio">Projects</a>
<a href="#testimonials">Testimonials</a>
<a href="#contact" id="contact-button">Contact</a>
</div>
</span>
</div>
</nav>
<h1>Manjila Nakarmi</h1>
</header>
<main>
<section id="about">
<h2>About Me</h2>
<div class="about-paragraphs animation-items slide-in">
<p>Web Developer in the San Francisco Bay Area who loves watching animation in spare time. Willing to learn new technologies and build on different skills. Would love to collaborate on new projects. Love to travel, ocasionally practice photography and be a foodie. Organized, grounded and a great communicator by nature.
<br>
<br>
<button><a href="resume.html">Resume</a></button>
</p>
<img src="assets/giphy.gif">
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="animation-items slide-in">
<div class="icons"><p>HTML</p><i class="fab fa-html5 fa-3x"></i></div>
<div class="icons"><p>CSS</p><i class="fab fa-css3-alt fa-3x"></i></div>
<div class="icons"><p>JavaScript</p><i class="fab fa-js fa-3x"></i></div>
<div class="icons"><p>Nodejs</p><i class="fab fa-node fa-3x"></i></div>
<div class="icons"><p>Github</p><i class="fab fa-github fa-3x"></i></div>
<div class="icons"><p>React</p><i class="fab fa-react fa-3x"></i></div>
</div>
</section>
<section id="portfolio">
<h2>Projects</h2>
<!-- icon row for skills -->
<!-- //carousel goes here -->
<div class="gallery">
<div>
<img src="assets/project2.png">
<p>Stack: Node.js, Express.js, EJS, MongoDB</p>
<a href="https://github.com/Manjilan/aventyr"><button>Github</button></a>
<a href="https://fast-brook-23117.herokuapp.com"><button>Website</button></a>
</div>
<div>
<img src="assets/EIP1337.png">
<p>Stack: HTML, CSS, JavaScript</p>
<a href="https://github.com/Manjilan/EIP1337"><button>Github</button></a>
<a href="https://gitcoinco.github.io/ERC-1337/"><button>Website</button></a>
</div>
<div>
<img src="assets/project3.png">
<p>Stack: Node.js, Express.js, EJS, MongoDB</p>
<a href="https://github.com/Manjilan/dreamcatcher"><button>Github</button></a>
<a href="https://boiling-plateau-19780.herokuapp.com/"><button>Website</button></a>
</div>
<div>
<img src="assets/chingu.png">
<p>Stack: JAM Stack and React</p>
<a href="https://github.com/Manjilan/v8-geckos-team-12"><button>Github</button></a>
<a href="https://geckos.netlify.com/"><button>Website</button></a>
</div>
<!-- <div>
<img src="assets/project1.png">
<a href="https://github.com/Manjilan/aventyr"><button>Github</button></a>
<a href="https://github.com/Manjilan/aventyr"><button>Website</button></a>
</div> -->
</div>
</section>
<section id="testimonials">
<div>
<h2>Testimonials</h2>
<!-- fade in and fade out of the testimonials -->
<blockquote><p>"Manjila was an outstanding student in my Front-End Web Development course, where she created a responsive personal portfolio as her final project. I could tell from the questions she asked that she had reviewed the course materials in advance. It was a pleasure having her in class discussions where she helped other students troubleshoot their code. In fact, one of the other students in the class privately told me that working with her helped him master that day's lesson. I believe Manjila would make an excellent web developer and a great asset to any team!"</p><p>- Larissa Muramoto</p></blockquote>
<blockquote><p>"A Well traveled and multicultural person, Manjila serves as the perfect collaborator in our class. Manjila stems from a tough background that built her resilient character. She understands the importance of failing fast and moving on in the programming world and also integrates her business/organizational skills in order to analyze code more efficiently. Above all, she is a giver, a leader, and exquisitely shares her knowledge with the rest of team at any given chance." </p><p>- Kingsley Nyaosi</p></blockquote>
</div>
</section>
</main>
<section id="contact">
<h2>Contact Me</h2>
<a href="mailto: manjila@manjilanakarmi.com"><i class="fas fa-envelope"></i> nakarmimanjila@yahoo.com</a>
<br>
<br>
<a href="tel:5105993435"> <i class="fas fa-phone"></i> (510)-599-3435</a>
</section>
<footer>
<h4>Connect on social media</h4>
<div>
<a href="https://www.facebook.com/DestinationManjilaHeart"><i class="fab fa-facebook-square fa-2x"></i></a>
<a href="https://www.instagram.com/prettyandclumsy/"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.linkedin.com/in/manjilanakarmi/"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/Manjilan"><i class="fab fa-github fa-2x"></i></a>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>