ruby-walker.github.io/carousel.html at master · ruby-walker/ruby-walker.github.io · 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
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 http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Ruby A. V. Walker, MSW Student</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/main.css" />
</head>

<body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script src="js/bootstrap.min.js"></script>
  <nav class="navbar navbar-fixed-top navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="index.html">Ruby Walker, LSW</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
      aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarText">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="experience.html">Experience</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="portfolio.html">Writing Samples</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="research.html">Research</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="graphics.html">Graphic Design</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="music.html">Art & Music</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">Links</a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="https://www.linkedin.com/in/ruby-walker" target="_blank">LinkedIn</a>
            <a class="dropdown-item" href="https://github.com/ruby-walker" target="_blank">GitHub</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="resume.pdf" target="_blank">Download Resume</a>
          </div>
        </li>
      </ul>
      <span class="navbar-text"><a class="nav-link" href="mailto:avw7@pitt.edu">avw7@pitt.edu</a></span>
    </div>
  </nav>
  <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators"></ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="images/path.jpg" class="d-block w-100" alt="..." />
        <div class="carousel-caption d-none d-md-block">
          <h5>Find Your Path</h5>
          <p>When you get lost in the journey of life, we'll be there.</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="images/zen.jpg" class="d-block w-100" alt="..." />
        <div class="carousel-caption d-none d-md-block">
          <h5>Rewrite Your Story</h5>
          <p>It's never too late to make a change.</p>
        </div>
      </div>
      <div class="carousel-item">
        <img src="images/love.jpg" class="d-block w-100" alt="..." />
        <div class="carousel-caption d-none d-md-block">
          <h5>Get What You Need</h5>
          <p>Find out how to get the relationship you desire and deserve.</p>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
      <span class="sr-only">Previous</span></a>
    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
      <span class="sr-only">Next</span></a>
  </div>
  <div class="containermarketing">
    <!-- Three columns of text below the carousel -->
    <div class="row">
      <div class="col-lg-4">
        <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg"
          preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 140x140">
          <title>mutual respect</title>
          <rect width="100%" height="100%" fill="orange"></rect>
        </svg>
        <h2>Respecting your identity...</h2>
        <p>
          My practice is a judgment-free zone. As a queer woman of color that
          has dealt with her own mental health issues, I understand the unique
          issues that come along with being seen as different. I acknowledge
          the impact that systematic racism and oppression has on my clients.
        </p>
        <p>
          <a class="btn btn-secondary" href="#" role="button">View details »</a>
        </p>
      </div>
      <!-- /.col-lg-4 -->
      <div class="col-lg-4">
        <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg"
          preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 140x140">
          <title></title>
          <rect width="100%" height="100%" fill="darkgreen"></rect>
        </svg>
        <h2>Navigating life's challenges...</h2>
        <p>
          I have experience helping people through life's toughest moments.
          The pain of grief, breakups, and abuse is always hard to deal with,
          but together we can make our way to the other side whatever you
          might be facing.
        </p>
        <p>
          <a class="btn btn-secondary" href="#" role="button">View details »</a>
        </p>
      </div>
      <!-- /.col-lg-4 -->
      <div class="col-lg-4">
        <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg"
          preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 140x140">
          <title>Placeholder</title>
          <rect width="100%" height="100%" fill="darkred"></rect>
        </svg>
        <h2>Cultivating growth...</h2>
        <p>
          My goal isn't just to help my clients survive. I want to see you
          thrive. I can help you understand your emotions, improve your
          self-esteem, revamp your relationships, and take your career to the
          next level. Together, we will take the steps you need to find real
          meaning in life and achieve your goals.
        </p>
        <p>
          <a class="btn btn-secondary" href="#" role="button">View details »</a>
        </p>
      </div>
      <!-- /.col-lg-4 -->
    </div>
    <!-- /.row -->
  </div>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="index.html" style="font-size: 0.9em; margin-left: 45%;">Ruby A. V. Walker, 2020</a>
  </nav>
</body>

</html>