title: beautifulsoup - extracting link, text, and title within child div
body: <p>The layout is as follows:</p>
  
  <pre><code>&lt;div class="App"&gt;
      &lt;div class="content"&gt;
          &lt;div class="title"&gt;Application Name #1&lt;/div&gt;
          &lt;div class="image" style="background-image: url(https://img_url)"&gt;
          &lt;/div&gt;
          &lt;a href="http://app_url" class="signed button"&gt;install app&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to grab The TITLE, then the APP_URL and ideally, when I print via html, I would like for the TITLE to become a hyper link of the APP_URL. </p>
  
  <p>My code is like this but doesn't yield desire results. I believe I need to add another command within the loop to grab the title. Only problem is, How do I make sure that I grab the TITLE and APP_URL so that they go together? There are at least 15 apps with the class of <code>&lt;div class="App"&gt;</code>. Of course, I want all 15 results as well. </p>
  
  <p>IMPORTANT: for the href links, I need it from the class called <code>"signed button"</code>.</p>
  
  <pre><code>soup = BeautifulSoup(example)
  for div in soup.findAll('div', {'class': 'App'}):
      a = div.findAll('a')[1]
      print a.text.strip(), '=&gt;', a.attrs['href']
  </code></pre>