From 275f81c89198e95bb9dcd7902d3fc7e64b1cc75d Mon Sep 17 00:00:00 2001 From: Lucas Attia <43359170+lucasattia@users.noreply.github.com> Date: Thu, 29 Aug 2024 14:25:16 -0400 Subject: [PATCH] Create 2_project --- _projects/2_project | 68 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 _projects/2_project diff --git a/_projects/2_project b/_projects/2_project new file mode 100644 index 0000000..7d16eae --- /dev/null +++ b/_projects/2_project @@ -0,0 +1,68 @@ +--- +layout: page +title: Making better inhaled therapies +description: using MOF nanoparticles to deliver drugs to the lungs +img: assets/img/md.png +importance: 2 +category: work +--- + + +
+
+ {% include figure.html path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+ {% include figure.html path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+ {% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles. +
+
+
+ {% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+
+ This image can also have a caption. It's like magic. +
+ +You can also put regular text between your rows of images. +Say you wanted to write a little bit about your project before you posted the rest of the images. +You describe how you toiled, sweated, *bled* for your project, and then... you reveal its glory in the next row of images. + + +
+
+ {% include figure.html path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+ {% include figure.html path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these. +
+ + +The code is simple. +Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system). +To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes. +Here's the code for the last row of images above: + +{% raw %} +```html +
+
+ {% include figure.html path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+ {% include figure.html path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %} +
+
+``` +{% endraw %}